/* reset */
* { margin: 0; padding:0; }
li { list-style:none; }
a { text-decoration: none !important; color:inherit; }
img { vertical-align: top; }

/* common */
html { overflow-x: hidden; }
html.fix { overflow: hidden; }
body { font:18px/1.6 ntr; color:#333; }
.wrap { width:1400px; margin:0 auto; position: relative; }
.wrap * { word-break: keep-all; }
.wrap:after, ul:after, .cl:after { content:""; clear:both; display: block; }
.blind { position:absolute; width:0; height:0; font-size:0; overflow: hidden; }
.fl { display: flex; align-items: center; justify-content: center; }
.fl:after { display:none; }
.dn { display:none !important; }
.shd { box-shadow: 2px 2px 8px rgba(0,0,0,0.2); border-radius: 16px; overflow: hidden; }
.cp { color:#f56f20; }
.btitle { font:50px/1.4 ntb; text-align: center; }
.stitle { font:20px/1.4 steb; }
.btitle + em { display: block; text-align: center; font:normal 24px ntr; margin-top: 20px; }
.mt { font-family: "Montserrat", ntb, sans-serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal; letter-spacing: -1px; }

/* header & footer */
#w_header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; transition:0.3s; height: 80px; overflow: hidden; border-bottom:1px solid #ddd; background: #fff; }
#w_header.down { height: 320px; }

#w_header h1 { padding-top: 22px; }

#w_header #w_gnb { position: absolute; right:0; top:28px;  }
#w_header #w_gnb > li { float:left; margin-left: 120px; }
#w_header #w_gnb > li:first-child { margin-left: 0; }
#w_header #w_gnb > li > a { font:18px ntm; display: inline-block; position: relative; }
#w_header #w_gnb > li > a:after { content:""; display: block; height:3px; background: #f56f20; width:0; margin:22px auto 0; transition:0.3s; }
#w_header #w_gnb > li:hover > a:after, #w_header #w_gnb > li.select > a:after { width: 100%; }
#w_header #w_gnb ul { position: absolute; padding-top: 20px; font-size:15px; line-height: 30px; font-family: ntm; letter-spacing: -1px; }
#w_header #w_gnb ul li a { color:#999; }
#w_header #w_gnb ul li a:hover, #w_header #w_gnb ul li a:focus { color:#333; }

.blank { height: 80px; }

#w_footer .top { border-top:1px solid #ddd; border-bottom:1px solid #333; height: 100px; }
#w_footer .top > .fl { width: 260px; position: relative; font-size:18px;  }
#w_footer .top > .fl .mt { font-weight: 500; margin-right: 20px; }
#w_footer .top > .fl span { font-size:12px; margin-top:-3px; color:#999; }

#w_footer .swiper-button-prev:after, #w_footer .swiper-button-next:after { color:#333; font-size:14px; font-weight: bold; }
#w_footer .swiper-button-prev { position: static; height:auto; margin-top:0; }
#w_footer .swiper-button-next { position: static; height:auto; margin-top:0; }
#w_footer .client { width:calc(100% - 260px); }
#w_footer .client .swiper-slide { display:flex; align-items: center; justify-content: center; position: relative; }
#w_footer .client .swiper-slide:before { content:""; width: 1px; height: 50px; background: #ddd; position: absolute; left: 0; top:calc(50% - 25px); }
#w_footer .client .swiper-slide img { width:auto; height:auto; max-height: 30px; max-width:80%;  }

#w_footer .info { padding:40px 0; position: relative; }
#w_footer .info > img { margin-bottom: 20px; }
#w_footer .info address { font:normal 16px ntr;}
#w_footer .info address span  { margin:0 10px; font-size:12px; font-family: ntl; position: relative; top:-2px; }
#w_footer .info address p { color:#666; margin-top: 10px; font-size:14px;  }
#w_footer .info .fl { width: 200px; height: 50px; padding:0 20px; box-sizing: border-box; border:1px solid #ddd; position: absolute; top:40px; right:0; justify-content: space-between; font-size: 16px; }

#quick { position: absolute; left:calc(50% + 780px); top:640px;  color:#fff; width: 100px; text-align: center; font:16px/1.2 ntd; z-index:99; flex-direction: column; }
#quick.fix { position: fixed; top:120px; }
#quick ul { background: #f56f20; height: 450px; border-radius: 100px; width: 100px; }
#quick ul li { border-bottom:1px solid rgba(255,255,255,0.4); }
#quick ul li:last-child { border:none; }
#quick ul li a { display: block; padding:20px 0; }
#quick ul li a img { margin-bottom: 10px; }
#quick .keit { width: 100px; height: 100px; border-radius: 100px; background: linear-gradient(180deg, rgba(0,112,205,1) 35%, rgba(139,194,239,1) 100%); display:flex; align-items:center; justify-content:center; text-transform: uppercase;  margin-top: 10px; }

/* index */
.swiper { width: 100%; height: 100%; }
.swiper-slide { background-position: center; background-size: cover; }
.swiper-slide img { display: block; width: 100%; height:100%; object-fit: cover; }

#w_main { height: 650px; position: relative; }
#w_main .box { position: absolute; right:calc(50% - 700px); width: 240px; height: 180px; box-sizing: border-box; padding: 30px 25px 0; top:150px; z-index:10; color:#fff; }
#w_main .box1 { top:150px; background:rgba(245,111,32,0.85); }
#w_main .box2 { top:350px; background:rgba(41,44,46,0.85); }
#w_main .box h2 { font-size:18px; margin-bottom: 10px;  }
#w_main .box1 > span { font-size:24px; font-weight: 600; letter-spacing:0; }
#w_main .box1 > p { font-size:16px; font-weight: 400; letter-spacing:0; }
#w_main .box2 > span { font-size:16px; font-family: ntl;  display: block; margin-top: 14px; }
#w_main .box i { position: absolute; right:25px; top:35px; }
/*#w_main .swiper-button-prev, #w_main .swiper-button-next { top:500px; border:1px solid #e16f38; border-radius: 100px; width: 40px; height: 40px; color:#e16f38; } */
#w_main .swiper-button-prev { left:60px; z-index: 90; }
#w_main .swiper-button-next { right:60px; z-index: 90; }
#w_main .swiper-button-prev:after, #w_main .swiper-button-next:after { color:#f56f20;  }
#w_main .swiper-pagination-bullet { width: 14px; height: 14px; }
#w_main .swiper-pagination-bullet-active { background: #f56f20; }
#w_main .swiper-pagination { bottom: 40px; }

#subject { height: 340px; padding: 0 70px; position: relative; }
#subject figure { width: 86px; height: 86px; }
#subject figure img { width: auto; height: auto; transform: scale(0.8); }
#subject .swiper-slide { display:flex; flex-direction: column; align-items: center; justify-content: center; transition: 0.3s; position: relative; text-align: center; background:url(/images/sw_line.png) no-repeat right center; }
#subject .swiper-slide.swiper-slide-prev { background-image: none; }
#subject .swiper-slide.swiper-slide-active + a + a + a + a + a{ background-image: none; }
#subject .swiper-slide i { border-radius: 50px; width: 34px; background: #fff; color:#f56f20; text-align: center; line-height:34px; box-sizing: border-box; padding-left: 2px; position:  absolute; bottom:30px; left:calc(50% - 17px); opacity: 0; transition:0.3s; }
#subject .swiper-button-prev:after, #subject .swiper-button-next:after { color:#333; font-size:33px;   }
#subject .swiper-button-prev { left:26px; }
#subject .swiper-button-next { right:26px; }
#subject dl dt { font-size:20px; margin:10px auto 6px; font-family: ntm;  }
#subject dl dd { font-size:16px; font-family: ntr; line-height:1.4; }

#best { margin-top: 100px; }
#best .wrap { display: flex; justify-content: space-between; align-items: flex-start; }
#best .wrap article { width: 280px;  border-top:1px solid #f56f20; padding-top: 30px; position: relative; }
#best .wrap article span { font-size:24px; font-weight: 400; }
#best .wrap article h2 { font:40px ntb; }
#best .wrap article img { position: absolute; right:0; bottom:8px; }
#best .wrap:last-child { margin-top: 60px; }
#best ul { width: 1000px; justify-content: space-between; text-align: center; }
#best ul li p { margin-top: 8px; font:20px ntm; }

#latest { background: #f7f7f7; padding:100px 0; margin-top: 100px; }
#latest ul { border-top:1px solid #f56f20; margin-top: 60px; }
#latest ul li { height:90px; border-bottom:1px dashed #ccc; justify-content: flex-start; position: relative; }
#latest ul li p  { flex-direction: column; width: 140px;  }
#latest ul li p strong { font-size:24px; font-weight: 600; display: block; height: 34px; }
#latest ul li p span { font-size:16px; display: block; color:#666; }
#latest ul li a i { position: absolute; right:0; top:calc(50% - 9px); color:#666; }
#latest .more { width: 180px; height: 50px; text-align: center; border:1px solid #f56f20; margin:40px auto 0; color:#f56f20; transition: 0.3s; }
#latest .more:hover { background: #f56f20; color:#fff; }
#latest .more i { margin-left: 20px; }

#edu { padding:100px 0; }
#edu .gallery { margin-top: 60px; position: relative; }
#edu .swiper-slide { position: relative; cursor: pointer; }
#edu .swiper-button-prev:after, #edu .swiper-button-next:after { color:#333; font-size:33px;   }
#edu .swiper-button-prev { left:-50px; }
#edu .swiper-button-next { right:-50px; }
#edu .swiper-slide p { background:rgba(245,111,32,0.85); color:#fff; font:22px ntm; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: 0.3s; }
#edu .swiper-slide:hover p { opacity: 1; }

#bnr { margin-bottom: 100px; }
#bnr a { float:left; width:50%; height: 150px; justify-content: space-between; color:#fff; padding: 0 60px; box-sizing: border-box; }
#bnr a:nth-child(1) { background:url(/images/bnr1.png) no-repeat center/cover; }
#bnr a:nth-child(2) { background:url(/images/bnr2.png) no-repeat center/cover; }
#bnr dl dt { font-family: ntl; }
#bnr dl dd { font:24px ntm; }


/* sublayout */
.sv { height: 400px; text-align: center; color:#fff; flex-direction: column; position: relative; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); }
.sv:before { content:""; position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.1; }
.sv span { font-size:24px; position: relative; z-index: 2; }
.sv h2 { font-size:48px; position: relative; z-index: 2; }

#sub1 { background:url(/images/bg_sub1.png) no-repeat center/cover; }
#sub2 { background:url(/images/bg_sub2.png) no-repeat center/cover; }
#sub3 { background:url(/images/bg_sub3.png) no-repeat center/cover; }
#sub4 { background:url(/images/bg_sub4.png) no-repeat center/cover; }
#sub5 { background:url(/images/bg_sub5.png) no-repeat center/cover; }
#sub6 { background:url(/images/bg_sub6.png) no-repeat center/cover; }
#sub7 { background:url(/images/bg_sub7.png) no-repeat center/cover; }

.sm { background: #f4f4f4; border-bottom:1px solid #ddd; }
.sm ul { height: 60px; font-size:24px; }
.sm ul li a { height: 60px; font-size:18px; padding:0 30px; position: relative; display: flex; align-items: center; justify-content: center; }
.sm ul li.select { color:#f56f20; }
.sm ul li.select a:after { content:""; height: 2px; width:100%; position: absolute; left: 0; bottom: 0; background: #f56f20;}

.pad { padding:100px 0; }
.tline:before { content:""; display: block; width: 60px; height: 4px; background: #f56f20; margin:0 auto 20px; }

/* sub1_1 */
#sub1_1 { background:url(/images/cna.png) no-repeat right bottom; }
#sub1_1 .cont1 div.fl { height: 660px; background:url(/images/ceo.png) no-repeat center/cover; margin-top: 60px; }
#sub1_1 .cont1 div.fl article { padding-left: 600px; box-sizing: border-box; line-height:2; font-family: ntd; }
#sub1_1 .cont1 strong { font-size:22px; }
#sub1_1 .cont1 p img { position: relative; margin-left: 10px; top:-8px; }

#sub1_1 .cont2 { padding-top: 100px; }
#sub1_1 .cont2 ul { justify-content: space-between; }
#sub1_1 .cont2 ul.logo { margin-top: 50px; }
#sub1_1 .cont2 ul.logo li { border:2px solid #ddd; width: 180px; height: 60px; box-sizing: border-box; }
#sub1_1 .cont2 figure { margin-top: 50px; }
#sub1_1 .cont2 figure img { float:left; object-fit: cover; }
#sub1_1 .cont2 figure img:nth-child(1) { height:300px; width: 556px; margin-right: 19px; }
#sub1_1 .cont2 figure img:nth-child(2) { height:300px; width: 556px; float:right; }
#sub1_1 .cont2 figure img:nth-child(4) { margin-top: 10px;}
#sub1_1 .cont2 ul.bc { margin-top: 30px; }
#sub1_1 .cont2 ul.bc li img { width: 220px; height: 126px; object-fit: cover;  }

#sub1_1 .cont3 { margin-top: 100px; }
#sub1_1 .cont3 article { width: 50%; float:left; }
#sub1_1 .cont3 article h2 { text-align: left; }
#sub1_1 .cont3 article h2.tline:before { margin-left: 0; }
#sub1_1 .cont3 article ul { margin-top: 50px; }
#sub1_1 .cont3 article ul li { padding-left: 26px; position:relative; margin-bottom: 16px;  }
#sub1_1 .cont3 article ul li:before { content:""; border:2px solid #f56f20; border-radius: 30px; width: 12px; height: 12px; position: absolute; left: 0; top:6px;  }


/* sub1_2 */
#sub1_2 .cont1 .history { margin-top: 60px; background: #f7f7f7 url(/images/map.png) no-repeat right bottom; padding:100px 0; }
#sub1_2 .cont1 article:first-child ~ article { margin-top: 90px; }
#sub1_2 .cont1 article .left { width: 220px; border-top:2px solid #f56f20; font-size:40px; padding-top:10px; float:left; }
#sub1_2 .cont1 article .right { width: 1100px; float:right; border-top:1px solid #ddd; }
#sub1_2 .cont1 article .right li { padding-left: 30px; position:relative; display: flex; align-items: center; justify-content: flex-start; height: 80px; border-bottom:1px solid #ddd; }
#sub1_2 .cont1 article .right li:before { content:""; border:2px solid #f56f20; border-radius: 30px; width: 12px; height: 12px; position: absolute; left: 0; top:32px;  }


#sub1_2 .cont2 { padding:100px 0; }
#sub1_2 .cont2 article:first-of-type { margin-top: 60px; }
#sub1_2 .cont2 article:first-of-type ~ article { margin-top: 90px; }
#sub1_2 .cont2 article .left { width: 220px; border-top:2px solid #f56f20; font-size:24px; padding-top:20px; float:left; }
#sub1_2 .cont2 article .right { width: 1098px; float:right; border-top:1px solid #ddd; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
#sub1_2 .cont2 article .right li { width:183px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; height: 100px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
#sub1_2 .cont2 article .right li:nth-of-type(6n + 1) { border-left:1px solid #ddd; clear: both; }
#sub1_2 .cont2 article .right li img { max-height:40px; }


/* sub1_3 */
#sub1_3 { padding-bottom: 0; }
#sub1_3 .cont1 ul { margin-top: 60px; }
#sub1_3 .cont1 ul li { float:left; width:680px; margin-right: 40px; margin-bottom: 90px; display: flex; justify-content: space-between; align-items: flex-start; }
#sub1_3 .cont1 ul li:nth-child(2n) { margin-right: 0; }
#sub1_3 .cont1 ul li:nth-child(2n+1) { clear: both; }
#sub1_3 .cont1 ul li article { width: 380px; }
#sub1_3 .cont1 ul li article h3 { font:16px ntm; margin-bottom: 10px;  }
#sub1_3 .cont1 ul li article h3 strong { font-size:24px; }
#sub1_3 .cont1 ul li article h3 span { color:#f56f20; font-family: ntr; }
#sub1_3 .cont1 ul li article dl { border-top:1px solid #ddd; padding:20px 0; padding-left: 80px; position: relative; font:16px ntr; }
#sub1_3 .cont1 ul li article dl:first-of-type { border-top-color:#f56f20; }
#sub1_3 .cont1 ul li article dl dt { position: absolute; left: 0; top:20px; background: #f56f20; color:#fff; width: 60px; text-align: center; border-radius: 40px; line-height:24px;  }
#sub1_3 .cont1 ul li article dl dd { margin-top: 10px; position: relative; padding-left: 20px;  }
#sub1_3 .cont1 ul li article dl dd:before { content:""; border:2px solid #f56f20; border-radius: 30px; width: 9px; height: 9px; position: absolute; left: 0; top:6px;  }
#sub1_3 .cont1 ul li article dl dd:first-of-type { margin-top: 0; }

#sub1_3 .cont2 { padding:100px 0; background: #f7f7f7; }
#sub1_3 .cont2 .edu { margin-top: 60px; }
#sub1_3 .cont2 .edu .swiper-wrapper { display: block; }
#sub1_3 .cont2 .edu .swiper-wrapper:after { content:""; clear: both; display: block; }
#sub1_3 .cont2 .edu .swiper-slide { width: 330px; position: relative; margin:0 26px 26px 0; float:left; }
#sub1_3 .cont2 .edu .swiper-slide:nth-child(4n) { margin-right: 0; }
#sub1_3 .cont2 .edu .swiper-slide:nth-child(4n+1) { clear: both; }
#sub1_3 .cont2 .edu .swiper-slide img { width: 100%; }
#sub1_3 .cont2 .edu .swiper-slide p { background: rgba(245,111,32,0.85); color:#fff; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; display:flex; align-items: center; justify-content: center; height: 50px;  }

#sub1_3 .cont3 { padding:100px 0; }
#sub1_3 .cont3 ul { margin-top: 60px; }
#sub1_3 .cont3 ul li { width: 305px; margin:0 60px 40px 0; float:left; text-align: center; }
#sub1_3 .cont3 ul li:nth-child(4n) { margin-right: 0; }
#sub1_3 .cont3 ul li:nth-child(4n+1) { clear: both; }
#sub1_3 .cont3 ul li img { width:305px; height:400px; border-radius: 40px 0; object-fit: cover; }
#sub1_3 .cont3 ul li dl { margin-top: 20px; }
#sub1_3 .cont3 ul li dl dt { font:16px ntm; }
#sub1_3 .cont3 ul li dl dt strong { font:bold 24px ntm; }
#sub1_3 .cont3 ul li dl dd { font:16px ntr; color:#f56f20; }
#sub1_3 .cont3 ul li a { display: inline-block; font:14px/40px ntr; border:1px solid #999; padding:0 30px; border-radius: 40px; color:#999; margin-top: 20px;  }

.profile { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; z-index:-99;  }
.profile.on { display:flex; z-index:999; }
.profile article { padding:80px; background: #fff; position: relative; display: none; }
.profile article.on { display: block; }
.profile article .left { width: 240px; float:left; margin-right: 40px; text-align: center; }
.profile article .left img { width: 100%; }
.profile article .left dl dt { font:16px ntm; margin-top: 20px; }
.profile article .left dl dt strong { font:bold 24px ntm; }
.profile article .left dl dd { font:16px ntr; color:#f56f20; }
.profile article .right { width: 480px; float:left; }
.profile article .right dl { border-top:1px solid #ddd; padding:20px 0; padding-left: 80px; position: relative; font:16px ntr; }
.profile article .right dl:first-of-type { border-top-color:#f56f20; }
.profile article .right dl dt { position: absolute; left: 0; top:20px; background: #f56f20; color:#fff; width: 60px; text-align: center; border-radius: 40px; line-height:24px;  }
.profile article .right dl dd { margin-top: 10px; position: relative; padding-left: 20px; word-break: keep-all; }
.profile article .right dl dd:before { content:""; border:2px solid #f56f20; border-radius: 30px; width: 9px; height: 9px; position: absolute; left: 0; top:6px;  }
.profile article .right dl dd:first-of-type { margin-top: 0; }
.profile .xi-close-thin { position: absolute; right:30px; top:30px; font-size:32px; }

/* sub1_4 */
#sub1_4 .wrap.fl { margin-top: 100px; flex-wrap: wrap; align-items: flex-start; }
#sub1_4 article { width: 680px; height: 430px; border-radius: 14px; border:2px solid #ddd; box-sizing: border-box; padding:70px 30px 0; }
#sub1_4 article:nth-child(2) { margin:0 0 40px 40px; }
#sub1_4 article:nth-child(3) { width: 870px; }
#sub1_4 article dl { border-bottom:2px solid #f56f20; padding-bottom: 10px; }
#sub1_4 article:nth-child(1) dl { background:url(/images/sub1_4_1.png) no-repeat right center; }
#sub1_4 article:nth-child(2) dl { background:url(/images/sub1_4_2.png) no-repeat right center; }
#sub1_4 article:nth-child(3) dl { background:url(/images/sub1_4_3.png) no-repeat right center; }
#sub1_4 article dt { font-weight: 600; letter-spacing: 0; }
#sub1_4 article dd { font:38px ntm;  }
#sub1_4 article ul li { float:left; width:32%; margin:30px 2% 0 0; }
#sub1_4 article:nth-child(3) li { width: 23.5%; }
#sub1_4 article ul li a { background: #fff3eb; text-align: center; display:flex; align-items: center;  justify-content: center; height: 60px; border-radius: 6px; font-size:16px; line-height:1.3; }



/* sub1_5 */
#sub1_5 .cnamap { margin-top: 60px; }
#sub1_5 .cnamap .root_daum_roughmap .wrap_controllers { display: none; }
#sub1_5 .root_daum_roughmap_landing { width: 100% !important; }
#sub1_5 .cont1 ul { margin-top: 50px; }
#sub1_5 .cont1 ul li { float:left; width:33.3333%; box-sizing: border-box; border-right: 1px solid #ddd; height: 120px; flex-direction: column; }
#sub1_5 .cont1 ul li:last-child { border:none; }
#sub1_5 .cont1 ul li h2 { font-size:24px; }
#sub1_5 .cont1 ul li h2 img { margin-right: 10px;  }
#sub1_5 .cont1 ul li p { font-family: ntd; margin-top: 10px; }

/* sub2_1 */
.cont .left { float:left; width: 220px; }
.cont .right { float:right; width: 1100px; }
.cont .cont1 h2 { margin-bottom: 80px; }
.cont .cont1 .bg { padding:40px 0; background: #fff8f3; }
.cont .cont1 .bg .left { position: absolute; top:-40px; padding:140px 30px 30px; box-sizing: border-box; color:#fff; font:20px/1.6 ntm; background: linear-gradient(180deg, rgba(255,115,14,1) 35%, rgba(255,146,74,1) 100%); }
.cont .cont1 .bg .left img { position: absolute; right:30px; top:30px; }
.cont .cont1 .right p { font:22px/1.6 ntd; text-align: justify; }
.cont .cont1 .right div.fl { margin-top: 40px; border:2px solid #ddd; box-sizing: border-box; background: #fff; justify-content: flex-start; }
.cont .cont1 .right div.fl figure { padding:30px; }
.cont .cont1 .right div.fl .ment { font-family: ntd; border-left:2px solid #ddd; padding-left: 30px;  }
.cont .cont1 .right div.fl .ment strong { font:22px ntm; }

.cont .cont2 { margin-top: 100px; }
.cont .cont2 .left,
.cont .cont3 .left,
.cont .cont4 .left,
.cont .cont6 .left,
.cont .cont7 .left { border-top:2px solid #f56f20; font:24px/1.4 ntm; padding-top: 30px; }
.cont .cont2 .cont2_1 .right { border-top:1px solid #ddd; }
.cont .cont2 .cont2_1 .right li { float:left; width:33.3333%; padding:30px 0; text-align: center; position: relative; }
.cont .cont2 .cont2_1 .right li:after { content:""; position: absolute; right:0; height: 90px; border-left:1px solid #ddd; top:calc(50% - 45px); }
.cont .cont2 .cont2_1 .right li:last-child:after { display: none; }
.cont .cont2 .cont2_1 .right li figure { height: 60px; }
.cont .cont2 .cont2_1 .right li p { margin-top: 10px; font-family: ntd; line-height:1.4; }
.cont .cont2 .cont2_1 .right li p b { font-family: ntm; font-weight: normal; }

.cont .cont2 .cont2_2 { margin-top: 60px; }
.cont .cont2 .cont2_2 .right { justify-content: space-between; align-items: stretch; }
.cont .cont2 .cont2_2 .right dl { border:1px solid #ddd; padding:30px; width: 340px; box-sizing: border-box; }
.cont .cont2 .cont2_2 .right dl dt { font:20px/1.4 ntm; margin-bottom: 20px;  }
.cont .cont2 .cont2_2 .right dl dd { font:18px/1.4 ntd; margin-bottom: 10px;  position: relative; padding-left: 14px; }
.cont .cont2 .cont2_2 .right dl dd:before { content:"-"; position: absolute; left: 0; }

.cont .cont2 .cont2_2 .right dl dd span { display: block; position: relative; padding-left: 14px; margin-top: 4px; }
.cont .cont2 .cont2_2 .right dl dd span:before { content:"·"; position: absolute; left: 0; }

.cont .cont2 .cont2_2 .right i { font-size:20px; }
.cont .cont2 .cont2_2 .right i:before { position: relative; top:calc(50% - 10px); }

.cont .cont3 { background: #f7f7f7; padding:100px 0; margin-top: 100px;}
.cont .cont3 h3 { justify-content: flex-start; font:22px ntm; }
.cont .cont3 h3 img { margin-right: 14px; }
.cont .cont3 .right > ul { margin-top: 40px; align-items: stretch; justify-content: space-between;  }
.cont .cont3 .right > ul > li { width: 350px; box-sizing: border-box; border:2px solid #ddd; text-align: center; background: #fff; padding:40px 0; position: relative; }
.cont .cont3 .right > ul > li:nth-child(2n) { border-color:#f56f20; }
.cont .cont3 .right .time strong { font-size:24px; font-weight: 600; }
.cont .cont3 .right .time p { margin-top: 10px; line-height:1.4; }
.cont .cont3 .right .time li:after { content:""; border-top:2px solid #f56f20; top:calc(50% - 1px); right:-36px; width:34px; position: absolute; }
.cont .cont3 .right .time li:last-child:after { display: none; }

.cont .cont3 .right .prs li { justify-content: flex-start; }
.cont .cont3 .right .prs li div { width: 140px; border-right:2px solid #ddd; padding:4px 0; }
.cont .cont3 .right .prs li div figure { height: 50px; }
.cont .cont3 .right .prs li div h4 { font:20px ntm; margin-top: 6px; }
.cont .cont3 .right .prs li ul { text-align: left; margin-left: 14px; }
.cont .cont3 .right .prs li ul li { position: relative; padding-left: 14px; }
.cont .cont3 .right .prs li ul li:before { content:"-"; position: absolute; left: 0; }
.cont .cont3 .right .prs li p { text-align: left; margin-left: 14px; }

.cont .cont4 { margin-top: 100px; }
.cont .cont4 .right { justify-content: space-between; flex-wrap: wrap; align-items: stretch; }
.cont .cont4 .right li { width: 350px; border:2px solid #ddd; box-sizing: border-box; height: 130px; justify-content: flex-start; margin-bottom: 30px;  }
.cont .cont4 .right li figure { height: 60px; border-right:2px solid #ddd; width: 170px; }
.cont .cont4 .right li figure img { max-width: 90%;  }
.cont .cont4 .right li dl { padding-left: 16px; }
.cont .cont4 .right li dt { font-family: ntm; }
.cont .cont4 .right li dd { font-family: ntd; margin-top: 6px; line-height:1.4; }

.cont .cont5 { margin-top: 70px; }
.cont .cont5 ul li { float:left; width:50%; padding:50px 40px; box-sizing: border-box; color:#fff; position: relative; }
.cont .cont5 ul li:nth-child(1) { background:url(/images/bnr1.png) no-repeat center/cover; }
.cont .cont5 ul li:nth-child(2) { background:url(/images/link_edu.png) no-repeat center/cover; }
.cont .cont5 ul li i { font-size:28px; position: absolute; right:40px; top:calc(50% - 14px); }
.cont .cont5 ul li dl dt { font:16px ntd; margin-bottom: 4px; }
.cont .cont5 ul li dl dd { font:22px ntm; }
.cont .cont5 ul li div { position: absolute; right:40px; top:50px; }
.cont .cont5 ul li div p img { margin-right: 10px; margin-left: 20px;  }
.cont .cont5 ul li div p img:first-of-type { margin-left: 0; }

/* sub3_1 */
#sub3_1 .cont2 .cont2_1 .right li { width:25%; }
#sub3_1 .cont2 .cont2_2 .right dl { width: 250px; }
#sub3_1 .cont3 .right > ul.time > li { width: 250px; }

#sub3_3 .cont2 .cont2_1 .right li { width:25%; }
#sub3_4 .cont2 .cont2_1 .right li { width:25%; }


#sub3_4 .cont2 .cont2_3 { background: #f7f7f7; padding:100px 0; }
#sub3_4 .cont2 .cont2_3 .right dl { background: #fff; }

#sub3_4 .cont6 { background: #f7f7f7; padding:100px 0; margin-top: 100px; }
#sub3_4 .cont6 .right li { margin-bottom: 40px; border:1px solid #ddd; padding:30px; box-sizing: border-box; background: #fff; }
#sub3_4 .cont6 .right li:last-child { margin-bottom: 0; }
#sub3_4 .cont6 .right li h3 { color:#f56f20; font:20px ntm; margin-bottom: 20px; }
#sub3_4 .cont6 .right li p { position: relative; padding-left: 14px; margin-top: 10px; }
#sub3_4 .cont6 .right li p:before { content:"-"; position: absolute; left: 0;}
#sub3_4 .cont7 { margin-top: 100px; }
#sub3_4 .cont7 .left span { display: block; font-size:16px; color:#999; margin-top: 10px; font-weight: normal; }
#sub3_4 .cont7 .right { border:1px solid #ddd; padding:100px; box-sizing: border-box; text-align: center; }
#sub3_4 .cont7 .right img { width: 70%; }

/* 컬러테마 */
.green .cont1 .bg { background: #fcfef5; }
.green .cont1 .bg .left { background: linear-gradient(180deg, rgba(198,223,82,1) 35%, rgba(168,181,86,1) 100%); }
.green .cont2 .left,
.green .cont3 .left,
.green .cont4 .left,
.green .cont3 .right > ul > li:nth-child(2n),
.green .cont3 .right .time li:after { border-color:#a3ae57 !important; }
.green .cp { color:#a3ae57; }

.red .cont1 .bg { background: #fff6f9; }
.red .cont1 .bg .left { background: linear-gradient(180deg, rgba(218,54,111,1) 35%, rgba(231,133,166,1) 100%); }
.red .cont2 .left,
.red .cont3 .left,
.red .cont4 .left,
.red .cont3 .right > ul > li:nth-child(2n),
.red .cont3 .right .time li:after { border-color:#d53067 !important; }
.red .cp { color:#d53067; }

.blue .cont1 .bg { background: #f6fdff; }
.blue .cont1 .bg .left { background: linear-gradient(180deg, rgba(0,112,205,1) 35%, rgba(139,194,239,1) 100%); }
.blue .cont2 .left,
.blue .cont3 .left,
.blue .cont4 .left,
.blue .cont6 .left,
.blue .cont3 .right > ul > li:nth-child(2n),
.blue .cont3 .right .time li:after { border-color:#0070cd !important; }
.blue .cp { color:#0070cd; }

/* sub5_1 */
#sub5_1 .box .pic { position: relative; padding:100px 0; }
#sub5_1 .box .pic ul { width:400px; height:400px; border-radius: 400px; margin:0 auto; position: relative; overflow: hidden; }
#sub5_1 .box .pic ul:before { content:""; width: 8px; height: 100%; position: absolute; left: calc(50% - 4px); background: #fff; top:0; z-index:1; }
#sub5_1 .box .pic ul:after { content:""; width: 100%; height: 8px; position: absolute; top: calc(50% - 4px); background: #fff; left:0; z-index:1; }
#sub5_1 .box .pic ul li { width:50%; height:50%; position: absolute; }
#sub5_1 .box .pic ul li:nth-child(1) { left: 0; top: 0; background: #0070cd; }
#sub5_1 .box .pic ul li:nth-child(2) { left: 50%; top: 0; background: #00945d; }
#sub5_1 .box .pic ul li:nth-child(3) { left: 50%; top: 50%; background: #e97200; }
#sub5_1 .box .pic ul li:nth-child(4) { left: 0%; top: 50%; background: #7b2481; }
#sub5_1 .box .pic ul li i { position: absolute; color:#fff; font:32px/1 ntm; padding:24px; }
#sub5_1 .box .pic ul li i span { font-size:18px; display: inline-block; margin-bottom: 10px;  }
#sub5_1 .box .pic ul li:nth-child(1) i { right: 0; bottom: 0; text-align: right; }
#sub5_1 .box .pic ul li:nth-child(2) i { left: 0; bottom: 0; }
#sub5_1 .box .pic ul li:nth-child(3) i { left: 0; top: 0; }
#sub5_1 .box .pic ul li:nth-child(4) i { right: 0; top: 0; text-align: right; }
#sub5_1 .box .pic em { font-style: normal; border:2px solid #0070cd; padding:30px; border-radius: 20px; position: absolute; width: 240px; display: flex; align-items: center; line-height:1.4; z-index:-1; }
#sub5_1 .box .pic em:nth-of-type(1) { right:59%; bottom:69%; justify-content: flex-end; border-color:#0070cd; background: #f0f4fa; padding-right: 38px; }
#sub5_1 .box .pic em:nth-of-type(2) { left:59%; bottom:69%; border-color:#00945d; background: #eaf9f3; padding-left: 38px; }
#sub5_1 .box .pic em:nth-of-type(3) { left:59%; top:69%; border-color:#e97200; background: #fbf0e5; padding-left: 38px; }
#sub5_1 .box .pic em:nth-of-type(4) { right:59%; top:69%; justify-content: flex-end; border-color:#7b2481; background: #f9effa; padding-right: 38px; }

#sub5_1 .cont3 .right .time { margin-top: 0; }
#sub5_1 .cont3 .right .time li { text-align: left; padding:28px; box-sizing: border-box; }
#sub5_1 .cont4 .right li { width:calc((100% - 25px) / 2); }
#sub5_1 .cont4 .right li figure { border:none; width: 170px; }
#sub5_1 .cont4 .right li figure img { height:60px; }
#sub5_1 .cont4 .right li dl { padding-left: 0; }

#sub5_1 .cont6 { margin-top: 100px; }
#sub5_1 .cont6 .right { background:url(/images/bg_jindan.png) no-repeat right 100px top/400px; }
#sub5_1 .cont6 strong { display: block; margin-top: 40px; font-size:24px; }
#sub5_1 .cont6 ul li { margin-top: 8px; }
#sub5_1 .cont6 .part1 li:before { content:"-"; margin-right: 8px;  }
#sub5_1 .cont6 .part2 li { position: relative; padding-left: 20px; }
#sub5_1 .cont6 .part2 b { color:#f56f20; }
#sub5_1 .cont6 .part2 b span { position: absolute; left: 0; }

#sub5_1 .cont7 .right { background: none;}
#sub5_1 .cont7 .part3 li { position: relative; padding-left: 20px; margin-top: 8px; }
#sub5_1 .cont7 .part3 li span { position: absolute; left: 0; }

#sub5_1 .cont8 { margin-top: 60px; }
#sub5_1 .cont8 .right { background: none;}
#sub5_1 .cont8 .right h2, #sub5_1 .right h2.tt { font-size:22px; margin-bottom: 10px; }
#sub5_1 .cont8 .right div.fl { border:2px solid #ddd; box-sizing: border-box; background: #fff; justify-content: flex-start; padding:}
#sub5_1 .cont8 .right div.fl figure { padding:30px; }
#sub5_1 .cont8 .right div.fl .ment { font-family: ntd; border-left:2px solid #ddd; padding-left: 30px;  }
#sub5_1 .cont8 .right div.fl .ment strong { font:22px ntm; margin-top: 0; display: inline-block; }
#sub5_1 .cont8 .right p { border:2px solid #ddd; padding:40px; }

#sub5_1 .option { margin-top: 60px; } 
#sub5_1 .option .cont2_1 .right { border-top:none; }
#sub5_1 .option .cont2_1 .right ul { border-top:1px solid #ddd; }
#sub5_1 .option .cont2_2 .right .fl { align-items: stretch; justify-content: space-between; }

/*
#sub5_1 .pay { border:1px solid #0070cd; margin-top: 70px; justify-content: space-evenly; background: #eef7ff; }
#sub5_1 .pay article { width: 50%; box-sizing: border-box; padding:50px; }
#sub5_1 .pay article:first-child { border-right:1px solid #0070cd; }
#sub5_1 .pay p { height: 116px; }
#sub5_1 .pay p a { color:#0070cd; }
#sub5_1 .pay .btn { width: 260px; display: block; margin:40px auto 0; background: #0070cd; color:#fff; font:18px/60px ntb; text-align: center; border-radius: 10px; }
*/

#sub5_1 .pay { margin-top: 160px; text-align: center; }
#sub5_1 .pay strong { color:#0070cd; font:20px ntb; }
#sub5_1 .pay p { margin-top: 10px; }
#sub5_1 .pay .cl { margin-top: 70px; }
#sub5_1 .pay table { float:left; width: 620px; border-collapse: collapse; }
#sub5_1 .pay table:first-child { width: 780px; }
#sub5_1 .pay table:last-child th:first-child { display: none; }
#sub5_1 .pay table:last-child th, #sub5_1 .pay table:last-child td { border-left:none; }
#sub5_1 .pay table th, #sub5_1 .pay table td { border:1px solid #ddd; padding:14px 0; }
#sub5_1 .pay table th:first-child { width: 160px; background: #f9f9f9; }
#sub5_1 .pay table tr:first-child th { background: #f6fdff; color:#0070cd; }
#sub5_1 .pay table tr:last-child th, #sub5_1 .pay table tr:last-child td { border:none;  background: none; }
#sub5_1 .pay .btn { width: 260px; display: block; margin:10px auto 0; background: #0070cd; color:#fff; font:18px/50px ntr; text-align: center; border-radius: 10px; }


/* news */
.about_notice_board table { width:100%;border-collapse: collapse; }
.about_notice_board table th { height: 60px; }
.about_notice_board table td { height: 60px; }
.about_notice_board .paging .paging_inner { display:flex; align-items: center; justify-content: center; }
.about_notice_board .paging span.number { box-sizing: border-box; font-size:14px;  }
.about_notice_board .paging span.number.on { background: #f56f20; line-height:26px; border:1px solid #f56f20; }
.about_notice_board .paging span.number.off { line-height:26px; }
.about_notice_board table td { font-size:18px; border-bottom:1px solid #ddd; }
.b_no { width: 10%; }
.b_tit { width: 55%; }
.b_file { width: 10%; }
.b_date { width: 15%; }
.b_hit { width: 10%; }

.about_notice_board .about_notice_board_con { font-size:16px; }
.about_notice_board table.view td.date span { color:#f56f20; }
.about_notice_board .about_notice_board_list { font-size:16px; }

.search form[name='s_mem'] { display: flex; align-items: center; justify-content: center; }
.search form[name='s_mem'] .input_sch { box-sizing: content-box; outline: none; margin-left: -1px;}

/* sub6_1 */
#sub6_1 .cont1 ul { margin-top: 80px; }
#sub6_1 .cont1 ul li { float:left; width: 305px; margin:0 60px 100px 0; }
#sub6_1 .cont1 ul li:nth-child(4n) { margin-right: 0; }
#sub6_1 .cont1 ul li:nth-child(4n+1) { clear: both; }
#sub6_1 .cont1 ul li figure img { height: 380px; box-shadow: 2px 2px 6px rgba(0,0,0,0.2); }
#sub6_1 .cont1 ul li dl { margin-top: 20px; text-align: center; }
#sub6_1 .cont1 ul li dl dt { font:20px/1.4 ntm; }
#sub6_1 .cont1 ul li dl dd { margin-top: 4px; font-size:16px; }

/* sub6_2 */
#sub6_2 { padding-bottom: 0; }
#sub6_2 .cont1 ~ div { margin-top: 100px; }
#sub6_2 .cont1 ~ div .left { border-top:2px solid #f56f20; font:24px/1.4 ntm; padding-top: 30px; }

#sub6_2 .cont6 .right { border:1px solid #ddd; box-sizing: border-box; padding:40px 0; justify-content: flex-start; font-family: ntd; }
#sub6_2 .cont6 .right figure { width: 210px; text-align: center; }

#sub6_2 .cont7 .right { border:1px solid #ddd; box-sizing: border-box; padding:50px 0; justify-content: flex-start; }
#sub6_2 .cont7 .right article { width: 600px; }
#sub6_2 .cont7 .right figure { width: 460px; text-align: center; }
#sub6_2 .cont7 .right h3 { font:24px ntm; }
#sub6_2 .cont7 .right h3:last-of-type { margin-top: 40px; }
#sub6_2 .cont7 .right ul li { position: relative; padding-left: 20px; margin-top: 14px; font:16px/1.4 ntd; }
#sub6_2 .cont7 .right ul li:before { content:""; background: #f56f20; border-radius: 30px; width: 9px; height: 9px; position: absolute; left: 0; top:8px;  }

#sub6_2 .cont8 .right ul li { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 16px; }
#sub6_2 .cont8 ul li:before { content:""; background: #f56f20; border-radius: 30px; width: 9px; height: 9px; position: absolute; left: 0; top:8px;  }
#sub6_2 .cont8 div.fl { justify-content: space-between; margin-top: 40px; align-items: stretch; }
#sub6_2 .cont8 div.fl figure { height: 232px;  }
#sub6_2 .cont8 div.fl div { border:1px solid #ddd; width: 500px; padding:40px 0; text-align: center; }
#sub6_2 .cont8 div.fl div p { margin-top: 20px; font-size:18px; }
#sub6_2 .cont8 div.fl div p strong { font:22px ntm; }
#sub6_2 .cont8 div.fl i:before { border:1px dashed #f56f20; width:54px; line-height:54px; font-size:32px; color:#f56f20; text-align: center; border-radius: 50px; display: block; position: relative; top:calc(50% - 16px); }

#sub6_2 .cont9 .left span { font:18px ntd; display: block; margin-top: 10px; } 
#sub6_2 .cont9 ul li { border-bottom:1px solid #ddd; padding:16px 0; justify-content: flex-start; }
#sub6_2 .cont9 ul li:first-child { padding-top: 0; }
#sub6_2 .cont9 ul li p { margin-left: 30px; font-family:ntd;  }

#sub6_2 .cont10 .fl { justify-content: space-between; flex-wrap: wrap; }
#sub6_2 .cont10 .fl div { width: 540px; }
#sub6_2 .cont10 .fl div p { border:1px solid #f56f20; padding:10px 0; text-align: center; width: 100%; box-sizing: border-box; margin-top: 20px; font:16px/1.4 ntd; }


#sub6_2 .cont11 .fl { justify-content: space-between; align-items: flex-start; }
#sub6_2 .cont11 .fl li { text-align: center; }
#sub6_2 .cont11 .fl li p { font:16px/1.4 ntd; margin-top: 20px; }


#sub6_2 .cont12 { padding:100px 0; background: #f7f7f7; }
#sub6_2 .cont12 .fl { justify-content: space-between; align-items: flex-start; }
#sub6_2 .cont12 .fl li { width: 357px; }
#sub6_2 .cont12 .fl li p { font:16px/1.4 ntd; margin-top: 20px; }


/* sub6_3 */
#sub6_2 .cont13 ul { justify-content: space-between; align-items: stretch; }
#sub6_2 .cont13 ul li { border:1px solid #ddd; width: 530px; box-sizing: border-box; padding:40px 0; text-align: center; font-family: ntd; font-size:16px; }
#sub6_2 .cont13 ul li h3 { width: 110px; line-height:30px; background: #f56f20; color:#fff; text-transform: uppercase; border-radius: 30px; margin:0 auto 20px; font-size:18px;  }

#sub6_2 .cont14 .left span { font:18px ntd; display: block; margin-top: 10px; } 
#sub6_2 .cont14 .right { justify-content: space-between; align-items: stretch; flex-wrap: wrap; }
#sub6_2 .cont14 .right.fl > ul:first-child { width: 100%; margin-bottom: 20px; }
#sub6_2 .cont14 .right.fl > ul:first-child li { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 16px; }
#sub6_2 .cont14 .right.fl > ul:first-child li:before { content:""; background: #f56f20; border-radius: 30px; width: 9px; height: 9px; position: absolute; left: 0; top:8px;  }
#sub6_2 .cont14 .right div.fl { flex-direction: column; border:1px solid #ddd; width: 340px; box-sizing: border-box; text-align: center; }
#sub6_2 .cont14 .right.fl div p { margin-top: 20px; font-size:18px; }
#sub6_2 .cont14 .right.fl div p strong { font:22px ntm; }
#sub6_2 .cont14 .right.fl ul:last-of-type { width: 720px; }
#sub6_2 .cont14 .right.fl ul:last-of-type li { justify-content: flex-start; padding:16px 0; border-bottom:1px solid #ddd; }
#sub6_2 .cont14 .right.fl ul:last-of-type li:first-child { padding-top: 0;  }
#sub6_2 .cont14 .right.fl ul:last-of-type li p { margin-left: 30px; font-family:ntd; }
#sub6_2 .cont14 .right.fl ul:last-of-type li img { width: 80px; }

#sub6_2 .cont15 { padding:100px 0; background: #f7f7f7; }
#sub6_2 .cont15 div.fl { background: #fff; padding:30px 0; justify-content: flex-start; }
#sub6_2 .cont15 div.fl figure { width: 440px; text-align: center; }
#sub6_2 .cont15 div.fl article { border-left:1px solid #ddd; padding:50px 0 50px 70px; }
#sub6_2 .cont15 div.fl article p { position: relative; padding-left: 40px; }
#sub6_2 .cont15 div.fl article p:last-child {margin-top: 40px; }
#sub6_2 .cont15 div.fl article p span { width: 30px; height: 30px; background: #f56f20; line-height:30px; text-align: center; color:#fff; position: absolute; left: 0; border-radius: 30px; font-weight: 500; }
#sub6_2 .cont15 ul.fl { justify-content: space-between; align-items: flex-start; margin-top: 40px; }
#sub6_2 .cont15 ul.fl li { width: 357px; }
#sub6_2 .cont15 ul.fl li p { font:16px/1.4 ntd; margin-top: 20px; }

/* best */
#bg_best { background: #fff8f3; height:auto; }
#bg_best:before { display: none; }
#bg_best .wrap { background:url(/images/best.png) no-repeat right center/auto 320px; text-align: left; color:#333; padding:60px 0; }
#bg_best p { font-size:22px; line-height:1.8; font-family: ntd; }
#bg_best p:before { content:""; width: 50px; border-top:2px solid #333; display: block; margin-top:30px; margin-bottom: 30px; }


#bestcase h3 { font:28px ntm; margin-bottom: 40px; }
#bestcase .cont1 ul li { float:left; width: 650px; margin: 0 100px 40px 0; position: relative; }
#bestcase .cont1 ul li:nth-child(2n) { margin-right: 0; }
#bestcase .cont1 ul li label { display: inline-block; width:140px; }
#bestcase .cont1 ul li label:before { content:""; background: #f56f20; border-radius: 30px; width: 9px; height: 9px; display: inline-block; position: relative; top: -2px; margin-right: 8px; }
#bestcase .cont1 ul li input { height: 40px; border:1px solid #ddd; padding:0 10px; font:18px ntd; width:calc(100% - 167px); outline:none;  }

#bestcase .cont2 { margin-top: 40px; border-top:1px solid #ddd; padding-top: 60px; }
#bestcase .cont2 .info { border:1px solid #ddd; padding:40px; font:16px/1.6 ntd;  }
#bestcase .cont2 .info p { height:280px; overflow-y: auto;}
#bestcase .cont2 .agree { margin-top: 40px; font-size:22px; cursor: pointer; }
#bestcase .cont2 .agree input { width: 20px; height: 20px; margin-right: 10px; }
#bestcase .cont2 .send { width: 240px; height: 50px; background: #f56f20; color:#fff; font:18px ntd; border:none; outline:none; display: block; margin:60px auto 0; }

/* qna */
#bg_best.qna .wrap { background-image: url(/images/qna.png); background-size:auto 260px; }
#bestcase .cont3 { margin-top: 40px; border-top:1px solid #ddd; padding-top: 60px;  }
#bestcase .cont1.cont3 ul li label { width: 100%; margin-bottom: 10px;  }
#bestcase .cont1.cont3 ul li input { width: 100%; box-sizing: border-box; }