@charset "utf-8";
/* CSS Document */

.wrapper{min-width:320px; min-height:600px; position:relative; overflow:hidden;}
.wrap{min-width:320px;}
.body{}
.header{width:100%;}
.header .utilBG,
.header .util{display:none;}
.header .h_in{width:100%; height:50px; background:#fff; position:relative; transition:height 0s;}
.header .h_in .logo{width:200px; position:absolute; top:15px; left:50%; margin-left:-100px; transition:0.6s;}
.header .h_in .logo a{}
.header .h_in .logo a img{}
.header .h_in .logo a.mobile{}
.header .h_in .logo a.pc{display:none;}
.header .h_in .logo a.mobile img{}
.header .h_in .logo a.pc img{}
.header .h_in .open{}
.header .h_in .open .btn{position:absolute; top:27px; left:20px;}
.header .h_in .open .btn img{}
.header .h_in .open .gnb{position:relative; z-index:999; }
.header .h_in .open .gnb .depth01{position:absolute; top:70px; left:-300px; background:#74b8dd; z-index:9999; display:none;}/* ul */
.header .h_in .open .gnb .depth01 .d1{text-indent:25px; position:relative;}/* li */
.header .h_in .open .gnb .depth01 .d1 .underBlock{display:block;}
.header .h_in .open .gnb .depth01 .d1>a{display:block; width:150px; height:100%; font-size:12px; color:#fff; font-weight:bold; line-height:50px; background:#74b8dd;}
.header .h_in .open .gnb .depth01 .d1>a:hover{background:#;}
.header .h_in .open .gnb .depth01 .d1>a img{display:none;}
.header .h_in .open .gnb .depth01 .d1 img.dropDown{position:absolute; top:0px; right:0px; transition:0.4s; overflow:hidden; width:100px;}
.header .h_in .open .gnb .depth01 .d1 img.dropDown.drop{height:0px; }
.header .h_in .open .gnb .depth01 .d1 img.dropDown.unDrop{height:50px;}
.header .h_in .open .gnb .depth01 .d1 .depth02{width:250px; display:block; height:100%; transition:all 1s;}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2{text-indent:40px;}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2:last-child{margin-bottom:0px;}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2 a{display:block; width:250px; height:0px; font-size:13px; background:#fff; line-height:35px; overflow:hidden; transition:height 0.4s;}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2 a:hover{background:#ddd;}
.header .h_in .open .close_btn{position:absolute; top:0; left:-300px;}
.header .h_in .open .close_btn img{}
.headerBG{display:none; width:250px; min-height:500px; height:100%; background:#74b8dd; position:absolute; top:0; left:-250px; z-index:1;}
.mainVisual{margin-top:20px;}
.mainVisual .slider.mobile{width:100%;}
.mainVisual .slider.mobile #slides{display:block;}
.contents{}
.contents .in{position:relative; height:100%;}
.contents .in .menuAll4{width:100%;}
.contents .in .menuAll4 .menuBoxes{width:50%; background:#ddd; float:left;}
.contents .in .menuAll4 .menuBoxes .mnb{}/*ul*/
.contents .in .menuAll4 .menuBoxes .mnb .box{height:80px; position:relative; transition:all 0.4s; background-color:#3c7abf;}/*li*/
.contents .in .menuAll4 .menuBoxes .mnb .box a{display:block; width:100%; height:100%;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4{position:absolute; left:70px; color:#fff;  font-size:15px; line-height:80px; font-weight:normal;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4.pc{display:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4 img.mainTitle{display:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a p{display:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a span{display:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a img{}
.contents .in .menuAll4 .menuBoxes .mnb .box a img.icon{position:absolute; top:17px; left:10px;}
.contents .in .menuAll4 .menuBoxes .mnb .box a img.detail{}
.contents .in .menuAll4 .menuBoxes .mnb .box a img.arrow{position:absolute; top:30px; right:20px;}
.contents .in .menuAll4 .menuBoxes.m3{width:100%; height:200px;}
.contents .in .menuAll4 .menuBoxes.m3 .mnb .box{background:#bbb; height:200px;}
.menuBoxes.m2{position:relative;}
.menuBoxes.m2 .box{position:absolute; transition:all 0.4s;}
.menuBoxes.m2 .box a{display:block; width:100%; height:100%;}
.menuBoxes.m2 .box h4 img.mainTitle{display:none;}
.menuBoxes.m2 .box.b1{width:50%; background:#eee; top:-240px; left:50%; height:145px;}/*일정확인*/
.menuBoxes.m2 .box.b1 .pc,
.menuBoxes.m2 .box.b1 p{display:none;}
.menuBoxes.m2 .box.b1 .mobile{position:relative;}
.menuBoxes.m2 .box.b1 .mobile img{position:absolute; top:35px; right:10%;}
.menuBoxes.m2 .box.b1 span{display:block; padding-left:20px; font-size:14px; padding-top:40px; font-weight:bold; color:#555;}
.menuBoxes.m2 .box.b2{width:50%; background:#fff; top:-95px; left:50%; height:95px; text-align:center;}/*시험신청*/
.menuBoxes.m2 .box.b2 .pc,
.menuBoxes.m2 .box.b2 p{display:none;}
.menuBoxes.m2 .box.b2 .mobile{display:none; font-size:17px; padding-top:30px; color:#3c7abf;}
.menuBoxes.m2 .box.b2 span{display:none; padding-top:5px; font-size:13px; color:#777;}
.menuBoxes.m2 .box.b2 .main0505{display:block; margin:30px auto 0 auto;}
.menuBoxes.m2 .box.b3{width:100%; background:#73b8dd; top:0; left:0; height:75px;}/*공지사항*/
.menuBoxes.m2 .box.b3 .pc,
.menuBoxes.m2 .box.b3 p{display:none;}
.menuBoxes.m2 .box.b3 h4.pc.b3{display:block; text-indent:-9999px;}
.menuBoxes.m2 .box.b3 h4.pc.b3 img{display:block !important; margin-left:80px;}
.menuBoxes.m2 .box.b3 .temp{margin:20px 0 0 40px;}
.contents .in .conL .in{/*font-family:'Noto Sans KR' !important;*/ padding:15px 0 0 10px;}
.contents .in .conL .in h2{display:block; font-size:16px;  padding:2px 0 0 5px; margin-left:5px; color:#666;}
.contents .in .conL .in span{display:block; padding:3px 10px; border-radius:5px; color:#fff; background:#74b8dd; font-weight:normal; float:left; font-size:12px; margin-right:7px;}
.contents .in .conL .in p{display:block; padding-top:10px; color:#999; float:none;}
.contents .in .conL .in div.line{display:block; width:cacl(100% + 10px); height:1px; background-color:#ddd; margin:5px 0 5px -10px;}
.contents .in .conL .in img.L{display:none;}
.contents .in .conL .in img{height:0; overflow:hidden;}
.contents .in .conR .in .download{display:block; width:200px; margin:0 auto;}
.contents .in .conR{width:calc(100% - 20px); transition:width 0.4s; padding:10px;}
.contents .in .conR .in{/*font-family:'Noto Sans KR' !important;*/ font-size:13px;}
.contents .in .conR .in img.banner{width:100%; height:auto; margin-bottom:20px;}
.contents .in .conR .in img.sign{width:calc(100% - 15px); height:auto; padding-left:15px;}
.contents .in .conR .in .title{width:100%;}
.contents .in .conR .in .title h4{display:block; width:400px; font-size:17px;}
.contents .in .conR .in .title h4 img{display:none;}
.contents .in .conR .in .title .h4Side{font-size:12px; margin-top:20px; margin-bottom:20px; color:#999;}
.contents .in .conR .in .titleText{display:block; margin-bottom:30px;}
.contents .in .conR .in .title.price{height:15px;}
.contents .in .conR .in .title.price span{display:block; text-align:right; margin-top:-17px;}
.contents .in .conR .in .title .text0106{width:100%;}
.contents .in .conR .in .title .introduce.oneStop{margin-top:;}
.contents .in .conR .in .title .introduce.oneStop li{width:100%;}
.contents .in .conR .in img.p0106{width:100%; margin-top:40px;}
.contents .in .conR .in .onestop>div>img{display:none;}
.contents .in .conR .in h5{font-size:15px; margin-bottom:10px;}
.contents .in .conR .in h5 img{display:none;}
.contents .in .conR .in ul{list-style-image:url("../img/list_style999.png"); padding-left:20px;}
.contents .in .conR .in ul>li{font-size:13px; transition:width 0.4s;}
.contents .in .conR .in ul.introduce{}
.contents .in .conR .in ul.noList{list-style:none; padding:0;}
.contents .in .conR .in ul.introduce>li{}
.contents .in .conR .in ul.cert{width:100%; list-style:none; margin-bottom:30px;}
.contents .in .conR .in ul.cert li{width:calc(100% / 2 - 10px); height:auto; float:left; margin-bottom:30px;}
.contents .in .conR .in ul.cert li p{width:100%; text-align:center; font-weight:bold; line-height:15px; height:20px;}
.contents .in .conR .in ul.cert li img{width:100%; height:auto;}
.contents .in .conR .in ul.cert.organization li{width:calc(100% - 10px);}
.contents .in .conR .in ul.cert.organization li.pc{display:none;}
.contents .in .conR .in table.map{width:calc(100% - 20px);}
.contents .in .conR .in ul.tech{width:100%; margin-top:40px;}
.contents .in .conR .in ul.tech li{float:left; width:calc(100% / 2 - 0.1px);}
.contents .in .conR .in ul.tech li img{width:100%; max-width:355px;}
.contents .in .conR .in .square{display:block; width:calc(93% - 20px); height:100%;  font-size:12px; border:1px solid #ddd; padding:20px; margin:0 auto 20px auto; color:#666;  line-height:17px;}
.contents .in .conR .in .circle{display:block; width:calc(93% - 20px); height:100%;  font-size:12px; padding:10px; margin:20px auto; background:#f7f7f7;  color:#666; font-weight:normal; line-height:15px; }
.contents .in .conR .in .root_daum_roughmap_landing{width:100%; }
.contents .in .conR .in .mapAdress{margin-top:20px;}
.contents .in .conR .in .oneStop{margin-top:20px;}
.contents .in .conR .in .sign.download{width:300px;}
.contents .in .conR .in ul.down{width:100%; list-style:none;}
.contents .in .conR .in ul.down>li{width:100%; max-width:360px; margin:0 auto 30px auto;}
.contents .in .conR .in ul.down>li>a{}
.contents .in .conR .in ul.down>li>a>img{width:100%;}
.contents .in .conR .in .h5img{margin-bottom:15px;}
.contents .in .conR .in section.t0201 ul.tBtns{width:100%; border:1px solid #ccc; padding-left:0; margin:20px 0;}
.contents .in .conR .in section.t0201 ul.tBtns li{display:block; float:left; width:calc(100% / 2 - 1px); border-right:1px solid #ccc; background:#eee; height:30px; line-height:30px; text-align:center; cursor:pointer;}
.contents .in .conR .in section.t0201 ul.tBtns li:nth-child(2){border-right:none;}
.contents .in .conR .in section.t0201 ul.tBtns li.btn.on{background:#ccc;}
.contents .in .conR .in section.t0201 .title{font-size:10px; font-weight:bold; margin:0 0 10px 0;}
.contents .in .conR .in section.t0201{font-family:'Nanum Gothic', "맑은 고딕", sans-serif;}
.contents .in .conR .in section.t0201 table{font-size:9px; text-align:center; width:100%;}
.contents .in .conR .in section.t0201 table tr,
.contents .in .conR .in section.t0201 table tr td{border:1px solid #ccc; padding:;}
.contents .in .conR .in section.t0201 table tr:hover{background:#eee;}
.contents .in .conR .in section.t0201 thead{font-weight:bold;}
.contents .in .conR .in section.t0201 thead tr{}
.contents .in .conR .in section.t0201 thead tr td{padding:; background:#ddd; font-size:9px;}
.contents .in .conR .in section.t0201 .t02{display:none;}
.contents .in .conR .in iframe.board{width:100%; min-width:320px; min-height:300px;}
.contents .in .conR .in img.img{display:block; width:calc(100% - 22px); height:100%; margin:20px auto;}
.footer.pc{display:none;}
.footer{margin-top:230px; transition:margin-top 0.4s; width:100%; min-width:320px;}
.footer .in{width:100%;}
.footer.mo .in ul{display:block; margin:0 auto; float:none; text-align:center; width:270px;}
.footer .in ul>li{float:left; margin-left:5px; padding-right:5px; border-right:1px solid #ccc; line-height:10px;}
.footer .in ul>li.Nob{border-right:none;}
.footer div.line{display:none;}
.footer.mo{margin-top:0px; border-top:1px solid #ccc; padding-top:30px;}
.footer.mo .in ul li{display:block; text-align:center; float:none;line-height:12px}
.footer.mo .util li{float:left !important;}
.footer.mo .adress li{border:none; margin-top:5px;}


@media all and (min-width:890px){
.contents .in .menuAll4 .menuBoxes .mnb .box{background-size:initial !important;}

}




@media all and (min-width:640px){
body{overflow-y:scroll;}
#bo_v_table{display:none !important;}
.headerBG{display:none !important;}
.wrap{width:100% !important; margin-left:0 !important;}
.header{position:relative; font-family:'Noto Sans KR' !important;}
.header .utilBG{display:block; position:absolute; top:0; left:0; width:100%; height:33px; background:#f0f0f0;}
.header .util{display:block; position:relative; max-width:980px; width:100%; height:33px; background:#f0f0f0; margin:0 auto;}
.header .util ul{width:360px; position:absolute; top:0; right:0px; line-height:33px; background:#f0f0f0;}
.header .util ul li{float:left;}
.header .util ul li a{display:block; width:90px; text-align:center; transition:0.2s;}
.header .util ul li:nth-child(1) a{color:#999;}
.header .util ul li:nth-child(1) a:hover{color:#333;}
.header .util ul li:nth-child(2) a{color:#999;}
.header .util ul li:nth-child(2) a:hover{color:#333;}
.header .util ul li:nth-child(3) a{color:#999;}
.header .util ul li:nth-child(3) a:hover{color:#333;}
.header .util ul li:nth-child(4) a{background:#74b8dd; color:#fff;}
.header .util ul li:nth-child(4) a:hover{background:#ccc;}
.header div.line{display:block; position:absolute; left:0px; width:100%; height:1px; background:#ccc; opacity:1; z-index:999;}
.header div.line.T{top:120px; z-index:9999;}
.header div.line.B{top:161px;}
.header .h_in{background:#fff; width:1000px; height:129px; margin:0 auto;}
.header .h_in .logo{left:-5px; margin-left:0; top:30px; transition:0s;}
.header .h_in .open .btn{display:none;}
.header .h_in .open .gnb{left:0px !important; }
.header .h_in .open .gnb .depth01{display:block !important; margin-left:30px; width:800px; top:25px; left:300px !important; background:#fff;}/* ul */
.header .h_in .open .gnb .close_btn{display:none; width:0; height:0; overflow:hidden;}
.header .h_in .open .gnb .depth01 .close_btn img{}
.header .h_in .open .gnb .depth01 .d1{border-bottom:none; float:left; text-align:center; text-indent:0; background:#fff; position:relative;}/**/
.header .h_in .open .gnb .depth01 .d1.z1{}
.header .h_in .open .gnb .depth01 .d1.z2{}
.header .h_in .open .gnb .depth01 .d1.z3{width:180px;}
.header .h_in .open .gnb .depth01 .d1.z4{width:130px;}
.header .h_in .open .gnb .depth01 .d1.z5{}
.header .h_in .open .gnb .depth01 .d1 .underBlock{display:block; width:75px; height:4px; background:#76b9de; opacity:0; transition:opacity 0.3s; margin:0 auto;}
.header .h_in .open .gnb .depth01 .d1 .dropDown{display:none;}
.header .h_in .open .gnb .depth01 .d1:nth-child(1) .underBlock,
.header .h_in .open .gnb .depth01 .d1:nth-child(2) .underBlock,
.header .h_in .open .gnb .depth01 .d1:nth-child(5) .underBlock{width:60px;}
.header .h_in .open .gnb .depth01 .d1:nth-child(3) .underBlock{width:100px;}
.header .h_in .open .gnb .depth01 .d1>a{text-indent:-9999px; width:123px; height:58px; font-size:15px; background:#fff; color:#555; font-weight:normal;}
.header .h_in .open .gnb .depth01 .d1>a:hover{background:none;}
.header .h_in .open .gnb .depth01 .d1>a img{display:block; margin-top:-40px; margin:-40px auto 0 auto;}
.header .h_in .open .gnb .depth01 .d1:hover .underBlock{opacity:1; transition:opacity 0s;}
.header .h_in .open .gnb .depth01 .d1 .depth02{position:absolute; top:63px; left:-320px; width:1000px; height:40px; background:#fff; overflow:hidden;}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2{display:block; height:40px; text-indent:0px; float:left; margin-right:20px;}
.header .h_in .open .gnb .depth01 .d1:nth-child(1) .depth02 .d2{width:calc(1000px / 6 - 23px);}
.header .h_in .open .gnb .depth01 .d1:nth-child(2) .depth02 .d2{width:calc(1000px / 7 - 23px);}
.header .h_in .open .gnb .depth01 .d1:nth-child(3) .depth02 .d2{width:calc(1000px / 6 - 23px);}
.header .h_in .open .gnb .depth01 .d1:nth-child(4) .depth02 .d2{width:calc(1000px / 6 - 23px);}
.header .h_in .open .gnb .depth01 .d1:nth-child(5) .depth02 .d2{width:calc(1000px / 7 - 23px);}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2:last-child{margin-bottom:0;}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2 a{width:100%; height:100%; min-height:40px !important; font-size:13px; padding:0 10px; background:#fff; line-height:40px; transition:0.4s; font-family:'Nanum Gothic';letter-spacing:0px}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2 a.on{background:#06338e; color:#fff;}
.header .h_in .open .gnb .depth01 .d1 .depth02 .d2 a:hover{background:#ddd; transition:0s !important;}
.header .h_in .open .gnb .depth01 .d1:nth-child(2) .depth02{left:-443px;}
.header .h_in .open .gnb .depth01 .d1:nth-child(3) .depth02{left:-566px;}
.header .h_in .open .gnb .depth01 .d1:nth-child(4) .depth02{left:-746px;}
.header .h_in .open .gnb .depth01 .d1:nth-child(5) .depth02{left:-876px;}

/* temp */
.header .h_in .open .gnb .depth01 .d1:nth-child(1) .depth02,
.header .h_in .open .gnb .depth01 .d1:nth-child(2) .depth02,
.header .h_in .open .gnb .depth01 .d1:nth-child(3) .depth02,
.header .h_in .open .gnb .depth01 .d1:nth-child(4) .depth02,
.header .h_in .open .gnb .depth01 .d1:nth-child(5) .depth02{display:none;}
.mainVisual{display:block; position:relative; width:100%; height:auto; margin-top:20px; background:url(../img/sliderBG.png) repeat-x; transition:height 0.4s; max-height:100%;}
.mainVisual .slider{}
/* temp end */

.mainVisual{height:550px; margin-top:0px;}
.mainVisual .slider{}
.mainVisual .mobile{display:none;}
.contents .sixMenues{margin-top:-130px;}
.contents .in{max-width:1000px; margin:0 auto;}
.contents .in .box{border:1px solid #ddd;}
.contents .in .box.b2{border-right:none; border-left:none;}
.contents .in .menuAll4 .menuBoxes{width:100%; max-width:1000px; float:none; margin:0 auto; margin-left:2px;}
.contents .in .menuAll4 .menuBoxes .mnb .box{width:calc(100% / 3 - 2px); float:left; height:260px; background-repeat:no-repeat; background-position:right center; background-size:100%; border-bottom:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a p{display:block; position:absolute; top:85px; left:30px; width:50%; max-width:60%; font-size:13px; letter-spacing:-1px;}
.contents .in .menuAll4 .menuBoxes .mnb .box a span{display:block; position:absolute; bottom:65px; left:30px;}
.contents .in .menuAll4 .menuBoxes .mnb .box a img.icon,
.contents .in .menuAll4 .menuBoxes .mnb .box a img.arrow{display:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a span img{margin:5px 0 0 5px;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4{color:#333; font-size:18px; top:30px; left:30px; line-height:20px; font-weight:bold; text-indent:-9999px;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4 img.mainTitle{display:block;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4.pc{display:block;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4.mobile{display:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a p,
.contents .in .menuAll4 .menuBoxes .mnb .box a span,
.contents .in .menuAll4 .menuBoxes .mnb .box a h4{transition:0.4s;}
.contents .in .menuAll4 .menuBoxes .mnb .box.b1{background-image:url(../img/mnb04_bg.jpg);  background-color:#fff; background-size:360px !important;}
.contents .in .menuAll4 .menuBoxes .mnb .box.b1 h4{left:0; top:110px; width:100%; text-align:center; color:#fff; font-size:20px;}
.contents .in .menuAll4 .menuBoxes .mnb .box.b1 a h4 img.mainTitle{position:absolute; top:0; left:50%; margin-left:-46px;}
.contents .in .menuAll4 .menuBoxes .mnb .box.b1 p{width:100%; max-width:100%; top:140px; left:0; text-align:center; color:#fff; font-size:15px;}
.contents .in .menuAll4 .menuBoxes .mnb .box.b2{background-image:url(../img/mnb01_bg.jpg); background-color:#fff;}
.contents .in .menuAll4 .menuBoxes .mnb .box.b3{background-image:url(../img/mnb02_bg.jpg); background-color:#f0f0f0;}
.contents .in .menuBoxes.m2{position:relative; width:100%; max-width:1000px; float:none; margin:0 auto;}
.contents .in .menuBoxes.m2 .box{position:static; float:right; width:calc(100% / 3 - 2px) !important; height:200px !important; background-repeat:no-repeat; background-position:center 10px;}
.contents .in .menuBoxes.m2 .box a{position:relative; transition:0.4s;}
.contents .in .menuBoxes.m2 .box.b1{background-image:url('../img/mnb09_bg.jpg'); background-color:#73b8dd;}/*일정확인*/
.contents .in .menuBoxes.m2 .box.b2{background-image:url('../img/mnb08_bg.jpg'); background-color:#f9f9f9;}/*시험신청*/
.contents .in .menuBoxes.m2 .box.b3{background-image:url('../img/mnb07_bg.jpg'); background-color:#fff;}/*공지사항*/
.contents .in .menuBoxes.m2 .box h4.pc.b3{display:block; text-indent:-9999px; position:relative;}
.contents .in .menuBoxes.m2 .box h4.mobile{display:none;}
.contents .in .menuBoxes.m2 .box a p{display:block; position:absolute; top:85px; left:30px; width:40%; max-width:60%; font-size:13px; letter-spacing:0px;}
.contents .in .menuBoxes.m2 .box a span{display:none; position:absolute; bottom:85px; left:30px;}
.contents .in .menuBoxes.m2 .box a img.icon,
.contents .in .menuBoxes.m2 .box a img.arrow{display:none;}
.contents .in .menuBoxes.m2 .box a h4{position:absolute; color:#333; font-size:18px; top:40px; left:30px; line-height:20px; font-weight:bold; text-indent:-9999px;}
.contents .in .menuBoxes.m2 .box a h4.pc{display:block;}
.contents .in .menuBoxes.m2 .box a h4.mobile{display:none;}
.contents .in .menuBoxes.m2 .box h4 img.mainTitle{display:block;}
.contents .in .menuBoxes.m2 .box.b1 a h4,
.contents .in .menuBoxes.m2 .box.b2 a h4{top:130px; left:0; width:100%; text-align:center;}
.contents .in .menuBoxes.m2 .box.b1 a h4 img,
.contents .in .menuBoxes.m2 .box.b2 a h4 img{position:absolute; top:0; left:50%; margin-left:-30px;}
.contents .in .menuBoxes.m2 .box.b1 a p{color:#fff;}
.contents .in .menuBoxes.m2 .box.b1 a p,
.contents .in .menuBoxes.m2 .box.b2 a p{top:155px; left:0; width:100%; max-width:100%; text-align:center;}
.contents .in .menuBoxes.m2 .box.b2 .main0505{display:none;}

.contents .in .menuBoxes.m2 .box.b3 a h4{top:130px; left:0; width:100%; text-align:center;}
.contents .in .menuBoxes.m2 .box.b3 a h4 img{position:absolute; top:0; left:50%; margin-left:-30px;}
.contents .in .menuBoxes.m2 .box.b3 a p{top:155px; left:0; width:100%; max-width:100%; text-align:center;}
.contents .in .menuBoxes.m2 .box.b3 .main0505{display:none;}
.contents .in .conL{display:block; width:100%;}
.contents .in .conL{width:25%; float:left; transition:0s;}
.contents .in .conL .in{}
.contents .in .conL .in span{display:none; font-size:14px; color:#999; margin-bottom:7px; border-radius:0; background:none; float:none; padding:0;}
.contents .in .conL .in h2{display:none; border-radius:0; background:none; color:#06338e; padding:0; margin-left:0; font-size:25px; font-weight:bold; letter-spacing:-2px; margin-bottom:20px; float:none;}
.contents .in .conL .in div.snb{display:none;}
.contents .in .conL .in p{display:none; width:35%; font-size:14px; color:#666; margin-bottom:20px;}
.contents .in .conL .in img.L{display:block; width:210px; margin-top:0px; margin-left:0; z-index:11; position:relative;}
.contents .in .conL .in img{width:100%; height:auto; margin-top:-10px; }
.contents .in .conL .in div.line{display:none;}
.contents .in .conR{min-height:600px; float:left; width:calc(73% - 5px); max-width:720px; margin-left:0px; padding:0; margin-bottom:50px; transition:0s;}
.contents .in .conR .in{}
.contents .in .conR .in img.banner{margin-bottom:50px;}
.contents .in .conR .in img.sign{margin-top:30px;}
.contents .in .conR .in h5{text-indent:-9999px;}
.contents .in .conR .in h5 img{display:block;}
.contents .in .conR .in ul{}
.contents .in .conR .in ul>li{color:#666; font-size:14px; line-height:25px;}
.contents .in .conR .in p{font-size:15px; line-height:25px; color:#666;}
.contents .in .conR .in .title{height:110px;}
.contents .in .conR .in .title h4{display:block; width:230px; text-indent:-9999px; float:left;}
.contents .in .conR .in .title h4.w270{width:270px;}
.contents .in .conR .in .title h4.w300{width:380px;}
.contents .in .conR .in .title h4 img{display:block; margin-top:-55px;}
.contents .in .conR .in .title .h4side{float:left;}
.contents .in .conR .in .titleText.square{border:none; padding:0; font-size:14px; width:93%; margin-top:-20px;  line-height:21px;}
.contents .in .conR .in .title h4.floatnone{float:none;}
.contents .in .conR .in .title .text0106{width:50%; margin-top:-20px; font-size:15px; color:#777; line-height:19px;}
.contents .in .conR .in .title .introduce.oneStop{margin-top:50px;}
.contents .in .conR .in .title .introduce.oneStop li{width:50%; font-size:14px; line-height:15px; margin-top:10px;}
.contents .in .conR .in img.p0106{float:none; margin-top:-20px; max-width:720px;}
.contents .in .conR .in img.p0107{width:720px;height:815px;float:left}
.contents .in .conR .in .onestop{width:640px; margin:20px auto; float:none; padding-left:70px;}
.contents .in .conR .in .onestop>div{ width:200px;}
.contents .in .conR .in .onestop>div>img{display:block; float:left;}
.contents .in .conR .in .onestop .introduce.oneStop{display:block; margin-top:22px; font-size:; float:left; margin-left:30px;}
.contents .in .conR .in .onestop .introduce.oneStop li{margin-top:-5px;}
.contents .in .conR .in .sign.history{margin-top:-50px;}
.contents .in .conR .in .sign.p0101{width:670px; float:right;}
.contents .in .conR .in .sign.download{margin-top:-30px;}
.contents .in .conR .in .sign.down{width:720px;}
.contents .in .conR .in ul.down{}
.contents .in .conR .in ul.down>li{float:left; width:50%;}
.contents .in .conR .in .sign.process{width:675px;}
.contents .in .conR .in ul.cert.organization li.pc{display:block; width:600px; margin:0 auto; float:none;}
.contents .in .conR .in ul.cert.organization li.mo{display:none;}
.contents .in .conR .in ul.cert.imgs{margin-top:30px;}
.contents .in .conR .in ul.cert.imgs li{width:calc(100% / 4 - 32px); margin-right:30px;}
.contents .in .conR .in ul.cert.imgs li p{font-size:12px; font-family:'Nanum Gothic', "맑은 고딕", sans-serif !important; font-weight:normal; margin-top:10px;}
.contents .in .conR .in ul.cert.imgs li img{width:100%; height:auto; border:1px solid #ccc;}
.contents .in .conR .in ul.tech li{float:left; width:calc(100% / 2 - 0.1px);}
.contents .in .conR .in .square{font-size:16px; line-height:20px; margin-bottom:40px;}
.contents .in .conR .in .circle{font-size:14px; line-height:18px; letter-spacing:0px; padding:40px 20px 40px 40px; border:1px solid #ddd;}
.contents .in .conR .in section.t0201 ul.tBtns{width:100%; border:none; padding-left:0; margin:20px 0; border-bottom:1px solid #ccc;}
.contents .in .conR .in section.t0201 ul.tBtns li{width:234px; border:1px solid #ccc; background:#fff; height:40px; line-height:40px; border-bottom:none;}
.contents .in .conR .in section.t0201 ul.tBtns li:nth-child(2){border-right:1px solid #ccc; border-left:none;}
.contents .in .conR .in section.t0201 ul.tBtns li.btn.on{background:#74b8dd; transition:0.4s; color:#fff;}
.contents .in .conR .in section.t0201 .title{font-size:16px;}
.contents .in .conR .in section.t0201 table{font-size:13px; width:100%;}
.contents .in .conR .in section.t0201 table tr,
.contents .in .conR .in section.t0201 table tr td{padding:6px 3px;}
.contents .in .conR .in section.t0201 thead tr td{padding:6px 3px; font-size:15px;}
.footer.mo{display:none;}
.footer.pc{display:block !important;}
.footer{width:100%;  margin-top:10px; background:none; text-align:center;}
.footer .in{max-width:1000px; margin:0 auto;}
.footer .in ul{width:100%;}
.footer div.line{display:block; width:100%; height:1px; background-color:#ddd; margin-bottom:20px;}


}








@media all and (max-width:940px){
.contents .in .conL{display:none;}
.contents .in .conR{display:block; float:none; width:95%; margin:0 auto;}
}

@media all and (max-width:639px){
.contents .in .conL{display:block !important;}
.slidesjs-container{min-height:50px !important; max-height:300px !important;height:auto !important; width:100% !important;}
.slidesjs-container img{width:100% !important; height:auto !important;}
}


@media all and (max-width:480px){
.contents .in .menuAll4 .menuBoxes .mnb .box{height:50px;}
.contents .in .menuAll4 .menuBoxes .mnb .box a h4{font-size:12px; top:0px; left:35px; line-height:50px; transition:all 0.4s;}
.contents .in .menuAll4 .menuBoxes .mnb .box a img.arrow{display:none;}
.contents .in .menuAll4 .menuBoxes .mnb .box a img.icon{top:13px; left:5px; width:25px; height:auto; transition:all 0.4s;}
.menuBoxes.m2 .box{transition:all 0.4s;}
.menuBoxes.m2 .box.b1{top:-150px; height:90px;}
.menuBoxes.m2 .box.b2{top:-60px; height:60px;}
.menuBoxes.m2 .box.b3{top:0; left:0; height:75px;}
.menuBoxes.m2 .box.b1 span{display:none;}
.menuBoxes.m2 .box.b1 .mobile img{top:10px; width:50%; height:auto; left:25px; margin:0 auto;}
.menuBoxes.m2 .box.b2 .mobile{font-size:13px; padding-top:10px;}
.menuBoxes.m2 .box.b2 .main0505{width:60%; margin:15px auto 0 auto;}
.menuBoxes.m2 .box.b2 span{font-size:12px; padding-top:0;}
.footer{margin-top:120px;}
}










{/**/}