@charset "utf-8";
.mob_close, .mob_btn{display:none}
/*h1,h2,h3,h4,h5,h6,p,div,section,td,th,label,adddress,a,body,li{letter-spacing:-1px}*/

#slider{width:100%; height:400px}
#slider img{width:100%}
/*.slider>a{display:none}*/

.section{height:100vh !important}
.pc_none{display:none}
.mob_menu{display:none}
#ajax_img{text-align:center}
.none_contents{max-width:1200px; width:100% !important; margin:0 auto; text-align:center; padding:20px 0 }
.board-list tr.notice td {font-weight: 600;}
.board-list tr.notice td a{font-weight: 600;}
.popup_close{ float: right; padding:0 5px; margin:5px 0}
.con1200{width:1200px; margin:0 auto}
/*#search_school{position:fixed; transform:translate(-50%,-50%)}*/

.popup{/*display:block*/; width: auto; height: 342px; position: absolute; top:auto; z-index: 100; left: auto; border: 1px solid #f1f1f1; 
box-shadow:4px 4px 8px rgba(0,0,0,0.3);}
.popup2 img{width:100%}

/*.popup_body{height:190px; overflow:hidden}*/
.popup_body p{position: relative; bottom: 0; left: 0; width: 100%; background-color: #f1f1f1; /*height: 19px;*/ text-align: right;}
.popup_p{padding:0 5px}

.popup_css{
	display:none;
	position: fixed;
    left: 50%;
    top: 50%;
    /*width: 20%; 가로길이 설정은 여기서*/
    /*margin-left: -10%; width의 반만큼 음수로*/
    /*height: 300px; 세로길이 설정은 여기서*/
    /*margin-top: -150px; height의 반만큼 음수로*/
    z-index: 1000;
}
.divpop.popup{ height:auto!important; background: #fff; }
.divpop.popup .popup_body{position: relative;}				
.divpop.popup .popup_preview{bottom:58px!important;}
.popup_row {top:160px;margin: 0 auto auto -780px!important;}

.cursor_pointer{cursor:pointer}

/*footer_popup*/
.popup-wrap .popup-head { background: #514119;}
.popup-wrap .popup-head h1 {font-size: 20px; height: 60px; line-height: 60px; padding: 0 15px; color: #FFF;}
.popup-wrap .popup-content { padding: 20px; box-sizing: border-box; line-height: 1.75em;}
.privacy-wrap > dl dt { font-size: 15px;font-weight: 600;margin-bottom: 5px;}
.win-close { position: absolute; right: 10px; top: 10px;}
.win-close a {background:url(../../img/oldimg/btn_close.png) 50% 50% no-repeat;}
.win-close a {color: #fff; display: inline-block; width: 40px; height: 40px; text-align: left;text-indent: -9999px;}

/**/
.dok_sel_wd{width:100px}
.dok_tel_wd{width:76px}

/*navi*/
.navi{position:fixed; top:50%; transform:translateY(-50%); z-index:9; left:30px}
.navi>ul>li{margin-bottom:10px; position:relative}
.navi>ul>li>a{font-size:16px; color:#FFF; text-align:right}
.navi>ul>li.select a{color:#F00}
.navi>ul>li.select::before{position:absolute; content:""; width:7px; height:2px; background-color:#F00; top:50%; left:-15px}
/*header*/
#header{position:fixed; width:100%; background-color:rgba(50,41,26,0.8); z-index:999; transition:0.5s}
.header_fixed{position:absolute !important}

.header_wrap{position:relative;  margin:0 auto; /*height:80px*/}
.header_top_wrap{position:relative; margin:0 auto; background-color:#fed900; height:50px; width:100%}
.header_top{position:relative; padding-top:13px}
.header_teacher a{position:absolute; font-size:16px; color:#FFF; top:35px; right:150px}
.header_teacher a:hover{color:#fed900 !important}
.header_teacher a:hover i{color:#fed900 !important}
.right_gnb{position:absolute; right:0; overflow:hidden; top:5px}
.right_gnb>li{float:left; position:relative; padding:0 10px}
.right_gnb>li::before{position:absolute; content:""; background-color:#FFF; width:1px; height:80%; top:10%; right:0}
.right_gnb>li>a{color:#FFF}
.logo{position:absolute; width:120px;top:25px; left:90px; z-index:9; height:40px; overflow:hidden}
.logo>a>img{width:100%; position:absolute; top:-40px}
.logo a{font-size:35px; font-weight:bold; color:#006699}
.gnb{position:relative; margin:0 auto; padding-top:20px; padding-bottom:10px; transform:translateX(30px); max-width:700px}
.gnb>ul{display:table; table-layout:fixed; position:relative; margin:0 auto}
.gnb>ul>li{display:table-cell;text-align:left; /*padding-left:5px; padding-right:5px;*/ box-sizing:border-box; width:130px; position:relative}
.gnb>ul>li:first-child{width:160px}
.gnb>ul>li>a{font-size:18px; line-height:55px; font-weight:bold; color:#FFF; }
.gnb>ul>li>ul{display:none; padding-bottom:30px;}
.gnb>ul>li>ul>li>a{text-align:left; display:block; width:100%; word-break:keep-all; padding-bottom:5px; color:#555}
.gnb>ul>li>ul>li:last-child a{border-bottom:none}
.top_text{position:relative; max-width:1200px; margin:0 auto; display:table}
.top_text>div{display:table-cell}
.top_text>div>p{line-height:50px; color:#77614f; font-size:20px}
.top_text>div>p span{font-weight:bold}
.top_text>div.top_more{padding:0 30px}
.top_text>div.top_more>a{color:#FFF; background-color:#403a3a; height:25px; line-height:25px; border-radius:25px; padding:0 25px; font-size:14px}
.top_text>div.day3{position:relative}
.top_text>div.day3 i{margin-left:5px}
.top_text>div.day3>a{display:inline-block}
/*.top_text>div.day3>p{font-size:14px; line-height:50px}*/
.right_menu{position:absolute; top:0; right:40px; z-index:9 }
.right_menu>ul{overflow:hidden}
.right_menu>ul>li{float:left;margin-left:20px}
.right_menu>ul>li.web_ic{padding-top:5px}
.right_menu>ul>li>a{display:table}
.right_menu>ul>li>a>figure{display:table-cell; vertical-align:middle}
.right_menu>ul>li>a>figure>img{margin-top:5px}
.right_menu>ul>li>a>figure i{font-size:18px; color:#fed900; margin-right:5px; }
.right_menu>ul>li>a>p{display:table-cell; color:#FFF; line-height:20px; vertical-align:middle; margin-left:5px; transition:0.5s}
.right_menu>ul>li:hover p{color:#fed900 !important}
.right_menu>ul>li:first-child img{width:20px; margin-top:7px}
.right_search_btn img{width:20px; margin-top:7px}
.right_search{display:none}
.right_search input[type="text"]{ height:17px; width:120px; margin-top:-7px}
.all_menu{position:absolute; top:25px; right:20px; cursor:pointer; color:#fed900; font-size:30px}
.header_bottom{position:relative; width:100%;  height:100px}
.all_gnb>ul>li a, .all_gnb>ul>li p{color:#FFF; line-height:45px; font-size:14px}
.header_teacher i{color:#FFF; vertical-align:middle; margin-right:5px; display:inline}	

.all_gnb{position:fixed; height:100%; background-color:#342c21; width:270px; right:-270px; z-index:99999; top:0;/*display:none*/overflow-y:scroll}
.all_gnb>ul{display:block; position:relative; width:90%; margin:0 auto; margin-top:40px;}
.all_gnb>ul>li{display:block; width:100%; text-align:left; padding-left:5px; padding-right:5px; box-sizing:border-box; border-bottom:1px solid #514119; cursor:pointer}
.all_gnb>ul>li>ul{/*background-color:#514119;*/ display:none}
.all_gnb>ul>li>ul>li>a{ text-align:left; border-bottom:none; padding-left:10px}
.all_close{position:absolute; right:10px; top:10px; cursor:pointer}
.all_close>i{font-size:20px; color:#FFF}
.all_sns{margin-left:5%}

.all_gnb::-webkit-scrollbar-track{background-color: #CCC;}
.all_gnb::-webkit-scrollbar	{width: 3px; display:none}
.all_gnb::-webkit-scrollbar-thumb{background-color: #999;}


.right_menu{}
.gnb>ul>li>a{}
.gnb{}
.logo{}
.all_menu{}

.t-sol_text{    box-sizing: border-box; position: absolute; border-radius: 25px; width: 200px; margin-left: -140px; top: -20px; left: 50%;padding: 8px 10px}
.t-sol_text p{color:#FFF;line-height:20px}
.t-sol_text_left{position:absolute; right:0; top:10px; background-color:#fed900; height:25px; border-radius:25px; padding:0 10px}
.t-sol_text_left::after{content:"◀"; color:#fed900; left:-10px; position:absolute; top:2px}
.t-sol_text_left p{font-size:12px !important; color:#32291a !important; line-height:25px !important}

.tsol_box{position:absolute; width:98%;  transform:translateY(-50%); top:50%}
.tsol_box>p{text-align:center; font-size:28px; font-weight:bold; color:#666600; width:100%}
.tsol_box ul{display:table; width:1000px; margin:100px auto 0;}
.tsol_box ul>li{display:table-cell; position:relative; text-align:center;}
.tsol_box ul>li .bubble{position:absolute; top:-40px; left:50%; transform:translateX(-50%);  }
.tsol_box ul>li .bubble p{position:absolute; width:100%; top:25px; color:#FFF; text-align:center; font-size:20px}
.tsol_box ul > li > a > img{width:90%;opacity: 1.0;}

.br_none{display:none}

.tsol_box2{position:absolute; width:98%;  transform:translateY(-50%); top:50%}
.tsol_box2>p{margin-top:100px;text-align:center; font-size:28px; font-weight:bold; color:#666600; width:100%}
.tsol_box2>p>span.span1{color:#000;font-size:48px;}
.tsol_box2>p>span.span2{color:#ffe500;font-size:72px;}
.tsol_box2>p>span.span3{color:#fff;font-size:72px;}
.tsol_box2 ul{display:table; width:100%;max-width:1230px; margin:0 auto;margin-top:40px;margin-bottom:100px;}
.tsol_box2 ul>li{display:table-cell; position:relative; text-align:center;vertical-align:middle;}
.tsol_box2 ul>li.tsol_li1{text-align:left;}
.tsol_box2 ul>li.tsol_li2{text-align:right;}
.tsol_box2 ul>li.tsol_li1>p>a>img{width:95%;max-width:314px;}
.tsol_box2 ul>li.tsol_li1>p{display:inline-block;}
.tsol_box2 ul>li.tsol_li2>p>a>img{width:95%;max-width:463px;}

/*  흘러가는 이미지 시작 */

.mainSlideBg{
	background:url(../../img/main/main01_bg03.png) 0 center / 1000px repeat;
	background-color:#00a6fe;
	animation:movebg 20s linear infinite;
}

@keyframes movebg{
		100% {background-position:0 center;}
		0%{background-position:-1000px center;}
}

/*  흘러가는 이미지 끝 */

/*  고정 이미지 시작 

.mainSlideBg{
	background-image:url(../../img/main/main01_bg01.png); background-position:center repeat;
}

  고정 이미지 끝 */

.br_none{display:none}
/*banner*/
.slider-container { position: relative; height: 100%; overflow:hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.slider-control { z-index: 2; position: absolute; top: 0;width: 12%; height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; will-change: opacity; opacity: 0;}
.slider-control.inactive:hover { cursor: auto;}
.slider-control:not(.inactive):hover {opacity: 1; cursor: pointer;}
.slider-control.left {
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.18)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 100%);
}
.slider-control.right {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.18)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
}

.slider-pagi {
  position: absolute;
  z-index: 3;
  bottom: 170px;
  right:150px;
  font-size: 0;
  list-style-type: none;
}
.slider-pagi__elem {position: relative;display: inline-block;vertical-align: top; width: 1rem; height: 1rem;margin: 0 0.5rem; border-radius: 50%;border: 2px solid #fff; cursor: pointer;}
.slider-pagi__elem:before { content: ""; position: absolute; left: 50%;top: 50%; width: 1.2rem; height: 1.2rem;background: #fff;border-radius: 50%;-webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s;transition: transform 0.3s; 
transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
}
.slider-pagi__elem.active:before, .slider-pagi__elem:hover:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.slider { z-index: 1;position: relative; height: 100%;}
.slider.animating {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}
.slider.animating .slide__bg {
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  will-change: transform;
}

.banner {position: absolute;top: 0;width: 100%; height: 100%;overflow: hidden; background-position:bottom}

.banner.active .slide__text {
	 opacity: 1;-webkit-transform: translateX(0);transform: translateX(0); }
 .banner.active .slide_text1 {transition-delay:0.5s}
   .banner.active .slide_text2 {transition-delay:1s}
  .banner.active .slide_text3 {transition-delay:1.5s}
.slide__bg {position: absolute; top: 0;left: -50%;width: 100%; height: 100%;background-size: cover;will-change: transform;}

.banner:nth-child(1) {left: 0;}
.banner:nth-child(1) .slide__bg {left: 0;}
.banner:nth-child(1) .slide__overlay-path {fill: #e99c7e;}
.banner:nth-child(2) { left: 100%;}
.banner:nth-child(2) .slide__bg {left: -50%;}
.banner:nth-child(3) {left: 200%;}
.banner:nth-child(3) .slide__bg {left: -100%;}
.banner:nth-child(4) {left: 300%;}
.banner:nth-child(4) .slide__bg {left: -150%;}
.banner:nth-child(5) {left: 400%;}
.banner:nth-child(5) .slide__bg {left: -200%;}
.banner:nth-child(6) {left: 500%;}
.banner:nth-child(6) .slide__bg {left: -250%;}
.banner:nth-child(7) {left: 600%;}
.banner:nth-child(7) .slide__bg {left: -300%;}
.banner:nth-child(8) {left: 700%;}
.banner:nth-child(8) .slide__bg {left: -350%;}
.banner:nth-child(9) {left: 800%;}
.banner:nth-child(9) .slide__bg {left: -400%;}
.banner:nth-child(10) {left: 900%;}
.banner:nth-child(10) .slide__bg {left: -450%;}
.banner:nth-child(11) {left: 1000%;}
.banner:nth-child(11) .slide__bg {left: -500%;}
.banner:nth-child(12) {left: 1100%;}
.banner:nth-child(12) .slide__bg {left: -550%;}
.slide__content { position: absolute;top: 0; left: 0; width: 100%; height: 100%;}

.slide__text { position: relative; width: 100%;/*top:40%;*/color: #000;
  -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s;
  transition: transform 0.5s 0.8s, opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  will-change: transform, opacity;
  opacity: 0;}
 /*.slide_text1 {top:30%;}
   .slide_text2 {top:35%;}*/
 
 .slide_text_box{position:absolute; top:50%; width:100%; transform:translateY(-50%)}
 
.slide__text-heading {font-size: 7.5rem;color:#fed900; font-weight:900; text-align:center; width:100%}


.slide__text-desc {font-size: 2.5rem;color:#FFF; word-spacing:8px; letter-spacing:-5px; text-align:center; width:100%; font-weight:300; line-height:3rem}
.slide__text-desc span{font-weight:bold}
p.color_black{color:#000}
.banner_notice{position:absolute; right:50px; bottom:120px; background-color:rgba(179,183,192,0.7); height:35px; border-radius:35px; overflow:hidden; z-index:5; padding:0 30px; width:290px; box-sizing:border-box}
.banner_notice>div{float:left;}
/*.banner_notice>div>ul{height:auto; position:relative}
.banner_notice>div>ul>li{height:35px; line-height:35px}
.banner_notice>div>ul>li>a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:260px}*/
.banner_notice_list{width:200px; height:35px; overflow:hidden;}
		.rolling{position:relative; width:100%; height:auto;}
		.rolling li{width:100%; height:35px; line-height:35px;}
		.rolling li a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.banner_notice>div>img{margin-top:10px; margin-right:10px}

/*section1*/
.section1{ position: relative;left: 0; width: 100%;height: 100%;z-index: 20;}
.left_wrap {float: left; width: 50%;height: 100%;}
.left_img { position: relative; width: 100%;height: 100%;background-position:center}
.text_wrap {position: relative; float: left; width: 50%; height: 100%;}
.text_box{position:absolute; width:625px; left:90px; top:57%; transform:translateY(-50%)}
.text_box>h3{font-weight:800; font-size:55px; line-height:40px}
.bottom_title{font-weight:normal; font-size:18px; color:#828282}
.text_box>p{font-weight:normal; font-size:18px; color:#828282; margin-top:20px}
.text_box>p span{font-weight:900; color:#454545}
.icon_box{position:relative; width:600px; margin-top:50px}
.icon_box>ul{display:inline-flex; flex-wrap:wrap}
.icon_box>ul>li{ width:112px; height:inherit; margin-left:10px;}
.icon_box>ul>li:first-child{margin-left:0}
.icon_box>ul>li figure{border:7px solid #e5e5e5; box-sizing:border-box; width:112px; height:112px; border-radius:56px; text-align:center; display:table-cell; vertical-align:middle;  transition:0.5s }
.icon_box>ul>li:hover figure{border:7px solid #fed900}
.icon_box>ul>li figure>img{line-height:104px;}
.icon_box>ul>li p{text-align:center; color:#454545; font-size:15px; font-weight:500; margin-top:10px; word-spacing:-1px}
.intro_more{position:relative; background-color:#32281a; width:220px; height:55px; line-height:55px; color:#FFF; text-align:center; display:block; font-size:18px; margin-top:15px; transition:0.5s}
.text_box_right{left:auto; right:80px}
.intro_more:hover{background-color:#fed900; color:#32281a}

#section2 .left_wrap, #section5 .left_wrap{position:absolute; right:0}

/*section2
.section2{background-color:#fed900}
.section2_wrap{width:95%; margin:0 auto;}
.section2_wrap>.text_box{position:absolute; width:100%;left:0}
.section2_wrap .text_box>h3 span{color:#2e2e2e; letter-spacing:-2px}
.section2_wrap .text_box>p{color:#454545; letter-spacing:-2px}
.row_img{text-align:center}
.section2_wrap .intro_more{margin:50px auto 0}*/
.row_img{text-align:center}
.row_img img{max-width:100%}

#section3{background-color:#fed900}
#section3 .left_wrap{width:400px; height:350px; position:absolute; left:50%; transform:translateX(-50%); bottom:200px}
#section3 .left_img{width:100%; background-repeat:no-repeat}
#section3 .text_wrap{width:100%}
#section3 .text_box{top:55%; width:100%; transform:translateY(-50%); left:0}
#section3 .text_box h3{text-align:center}
#section3 .text_box p{text-align:center; color:#222}
#section3 .intro_more{margin:0 auto; margin-top:400px}

/*bottom section img*/
/*.left_img01{background-image:url(../../img/user/img_box1.jpg);}
.left_img02{background-image:url(../../img/user/img_box2.jpg);}
.left_img03{background-image:url(../../img/user/img_box3.jpg);}
.left_img04{background-image:url(../../img/user/img_box4.jpg);}*/

/*nav - last none*/
.fp-left>ul>li:last-child{display:none !important}

/*sub_banner*/
.sub_banner{position:relative; width:100%; height:350px; background-position:center}
.sub_banner1{background-image:url(../../img/user/sub_banner1.jpg);}
.sub_banner2{background-image:url(../../img/user/sub_banner2.jpg);}
.sub_banner3{background-image:url(../../img/user/sub_banner3.jpg);}
.sub_banner4{background-image:url(../../img/user/sub_banner4.jpg);}
.sub_banner5{background-image:url(../../img/user/sub_banner5.jpg);}
.sub_banner6{background-image:url(../../img/user/sub_banner6.jpg);}
.sub_banner7{background-image:url(../../img/user/sub_banner7.jpg);}
.sub_banner8{background-image:url(../../img/user/sub_banner8.jpg);}
.sub_banner9{background-image:url(../../img/user/sub_banner9.jpg);}
.sub_banner_login{background-image:url(../../img/user/sub_banner_login.jpg);}
.sub_banner>h2{font-weight:700; font-size:40px; text-align:center; color:#FFF; position:absolute; top:50%; width:100%; line-height:30px; text-shadow:2px 2px 5px #888}
.sub_banner>h2.dok{font-weight:700; font-size:40px; text-align:center; color:#FFF; position:absolute; top:63%; width:100%; line-height:30px; text-shadow:2px 2px 5px #888}
.sub_banner>p{text-shadow:2px 2px 5px #888; text-align:center; color:#FFF; font-size:16px; position:absolute; width:100%; top:63%; font-weight:bold}
.sub_banner>p.dok{text-shadow:2px 2px 5px #888; text-align:center; color:#FFF; font-size:16px; position:absolute; width:100%; top:45%; font-weight:bold}
.sub_banner>h2 span br{display:none}
.sub_banner>h2.menu_no_h2{top:60%}
.sub_banner>p.menu_no_p{top:72%}
.banner_menu{position:absolute; bottom:0; width:100%; background-color:rgba(50,40,27,0.8); height:50px}
.banner_menu>ul{position:relative; margin:0 auto; display:table; table-layout:fixed; width:1200px}
.banner_menu>ul>li{display:table-cell; width:130px; position:relative}
.banner_menu>ul>li>a{color:#FFF; font-size:15px; line-height:50px; display:block; text-align:center;font-weight:bold}
/*.banner_menu>ul>li::after{content:""; left:0; width:1px; height:30%; background-color:#555; position:absolute; top:35%}*/
.banner_menu>ul>li.select::after{display:none}
.banner_menu>ul>li:first-child::after{display:none}
.banner_menu>ul>li.select>a{background-color:#fed900; color:#222}
.banner_prev{display:none}
.banner_next{display:none}

.sub_menu_wrap>ul{position:relative; margin:0 auto; display:table}
.sub_menu_wrap>ul>li{ width:190px; position:relative; z-index:9; /*transition:0.5s;*/ display:table-cell}
.sub_menu_wrap>ul>li>a{color:#FFF; font-size:15px; line-height:50px; display:block; text-align:center; font-weight:bold}
/*.banner_menu>div>ul>li:hover{background-color:#fed900; color:#222}
.banner_menu>div>ul>li:hover p{color:#222}
.banner_menu>div>ul>li:hover a{color:#222}*/
.banner_menu>ul>li{transition:0.5s}
/*.banner_menu>ul>li:hover{background-color:#fed900; color:#222}
.banner_menu>ul>li:hover a{color:#222}*/
/*.sub_menu_wrap>ul>li::after{content:""; left:0; width:1px; height:30%; background-color:#555; position:absolute; top:35%}*/
.sub_menu_wrap>ul>li.select::after{display:none}
.sub_menu_wrap>ul>li:first-child::after{display:none}
.sub_menu_wrap>ul>li.select>a{background-color:#fed900; color:#222}
/*.sub_menu_wrap>ul>li.select{background-color:#fed900; color:#222}*/
.sub_menu_wrap>ul>li.select p{color:#222; background-color:#fed900}
.sub_menu_wrap{position:relative; max-width:1200px; margin:0 auto}
/*.sub_menu_wrap>ul{margin:0;}*/
.sub_page_menu{z-index:9; background-color:#fed900; display:none}
.sub_page_menu>li>a{display:block;  padding : 10px 10px 10px 28px; box-sizing:border-box; font-size:14px}
.sub_page_menu>li:hover>a{font-weight:bold}
.sub_menu_all{position:absolute; background-color:#FED900; max-width:1200px; margin:0 auto; z-index:9; padding:20px 0; display:none; left:0; width:1200px; margin-left:-415px; top:50px}
.sub_menu_all2{width:570px;}
.sub_menu_all>li{display:table-cell; padding-right:50px; box-sizing:border-box; overflow:hidden}
.sub_menu_all>li:first-child{padding-left:100px}
.sub_menu_all2>li:first-child{padding-left:50px;box-sizing:border-box}
.sub_menu_all>li>a{font-weight:bold; display:block; padding-left:0}
.sub_menu_all>li>ul{float:left; margin-right:20px; margin-top:10px}

.sub_banner_top{position:relative;}
.sub_banner_top>ul>li{width:60px; height:60px; border-radius:60px; background-color:#fed900; margin:0 auto 5px; position:relative;}
.sub_banner_top>ul>li.select{background-color:#3f311b; color:#FFF}
.sub_banner_top>ul>li>a{display:block; width:50px; height:50px; border-radius:50px; border:2px solid #FFF; box-sizing:
border-box; position:absolute; left:5px; top:5px;   text-align:center; line-height:45px; color:#000; font-weight:bold}
.sub_banner_top>ul>li.select>a{color:#FFF}
/*.sub_banner_top{position:absolute; bottom:50px; width:300px; background-color:rgba(0,0,0,0.5); left:50%; margin-left:-150px}
.sub_banner_top>ul{display:table}
.sub_banner_top>ul>li{display:table-cell; width:100px}
.sub_banner_top>ul>li>a{text-align:center; display:block; color:#FFF; padding:5px}
.sub_banner_top>ul>li.select a{background-color:#fed900; color:#000}*/


.tb_sub_wrap>ul>li{width:190px; line-height:50px; color:#FFF; font-size:15px; font-weight:bold; position:relative; text-align:center; cursor:pointer}
.tb_sub_wrap>ul>li.select{background-color:#fed900; color:#222}
.tb_sub_menu{position:absolute; background-color:#fed900; width:100%; z-index:9; overflow:hidden; height:40px; bottom:-40px}
.tb_sub_menu>ul{overflow:hidden; max-width:1200px;width:1200px; position:absolute; left:50%; margin-left:-600px}
.tb_sub_menu>ul>li{float:left; padding:10px 0; /*box-sizing:border-box;*/ text-align:center; margin-right:70px}
.tb_sub_menu>ul>li:hover a{font-weight:bold}

.tb_sub_menu>ul>li:first-child{padding-left:83px}
/*.tb_sub_menu>ul.mi_sub>li:first-child{padding-left:83px}
.tb_sub_menu>ul.hi_sub>li:first-child{padding-left:450px}*/
.el_wrap, .mi_wrap, .hi_wrap, .ma_wrap, .gui_wrap{display:none}
.tb_sub_menu>ul.gui_sub{right:20px; left:auto; margin-left:0}


/*sub_page*/
.contents{position:relative; width:100%}
.contents_wrap{position:relative; max-width:1200px; width:100%; margin:0 auto; padding:50px 0 100px; overflow:hidden}
.contents_wrap2{max-width:100% !important}
.contents_wrap h2{font-weight:900; text-align:center; font-size:35px; position:relative; color:#40311c}
.contents_wrap h2::after{position:absolute; content:""; width:100px; height:5px; background-color:#40311c; left:50%; margin-left:-50px; top:-10px}
.sub_title{text-align:center; font-size:20px; color:#333; margin-top:5px; margin-bottom:60px}
.sub_title span{font-weight:bold; /*vertical-align:middle*/}
.sub_sumary{overflow:hidden; margin:0 auto; padding:20px 0 20px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; width:100%;text-align:center;}
.necessary_title{position:absolute; top:-30px; right:0;  font-size:18px}
.back_banner h2{font-weight:900; text-align:center; font-size:35px; position:relative; color:#40311c}
.back_banner h2::after{position:absolute; content:""; width:100px; height:5px; background-color:#40311c; left:50%; margin-left:-50px; top:-10px}
.sub_title_box{position:relative; width:450px; margin:0 auto; display:table}
.sub_title_box>div{display:table-cell; vertical-align:top}
.sub_title_box>div img{width:70px}

/*sub_page_banner*/
.bx_slider_wrap{ position:relative}
.bx_slider_box{top:0}
.banner_wrap{ box-sizing:border-box; display:table; width:100%; padding-top:70px}
.banner_wrap>div{display:table-cell; vertical-align:middle}
.book_text_wrap{width:60%}
.book_text{width:85%}
.banner_book{width:40%; text-align:center}
/*.bx-viewport{height:auto !important}*/
.banner_book{ box-sizing:border-box}
.banner_book>img{width:200px;}
/*.book_text_wrap{padding-top:90px}*/
.book_text_wrap h3{font-size:25px; font-weight:bold; color:#3f311b}
.book_text_wrap h3 span{background-color:#3f311b; color:#FFF; border-radius:30px; padding:0 20px; font-size:24px; padding-bottom:2px}
.book_text>ul{margin-top:20px}
.book_text>ul>li{color:#666; font-size:15px; margin-top:5px}
.book_text p{color:#666; font-size:15px; margin-top:10px;}
.banner_btn a{padding:10px 30px; font-size:16px; display:inline-block; margin-top:30px}
.bx_slider_wrap .bx-pager{display:none}

.back_banner{position:relative; width:100%; background-color:#f5f5f5}
.bottom_banner_wrap{position:relative; width:1100px; margin:0 auto; padding:30px 0; display:table}
.bottom_banner_wrap>div{display:table-cell; vertical-align:middle}
.bottom_banner_wrap .icon_box{margin-top:0; width:486px}
.bottom_banner_wrap .icon_box>ul>li{margin-left:50px}
.bottom_banner_wrap .icon_box>ul>li:first-child{margin-left:40px}
.bottom_banner_left h3{font-size:50px}
.bottom_banner_left h3 span{font-weight:bold;}
.bottom_banner_left h3 span a{margin-left:10px}
.bottom_banner_left h3 > img{height:100%;max-height:80px; vertical-align:top}
.bottom_banner_left h3 i{ font-size:40px; color:#555}
.bottom_banner_left h3 span img{width:40px; vertical-align:sub;}
.bottom_banner_left p{margin-bottom:15px; font-size:18px}
.bottom_banner_left p span{font-weight:bold}
p.bottom_sub_title{color:#AAA; font-weight:bold; margin-bottom:30px;}

.bottom_banner_wrap .tb_icon_box{width:680px}
.bottom_banner_wrap .tb_icon_box>ul>li{margin-left:20px; width:110px}
.bottom_banner_wrap .tb_icon_box>ul>li figure{width:110px; height:110px; border-radius:110px}

/*sub_page_intro*/
.sub_intro{display:flex; position:relative; width:100%; background-color:#f5f5f5 }
.sub_intro>div{width:50%; position:relative}
.sub_intro>div>img{display:block; width:100%}
.sub_text_wrap{position:absolute; top:50%; transform:translateY(-50%); padding-left:50px; box-sizing:border-box}
.sub_text_wrap2{padding-left:80px}
.sub_text_wrap h3{font-weight:800; font-size:30px; color:#3f311b;}
.sub_text_wrap p{color:#333; font-size:18px; margin-top:15px}
.sub_text_wrap p span{font-weight:bold; }
.icon_box2{position:relative; margin-top:40px}
.icon_box2>ul{display:inline-flex;}
.icon_box2>ul>li{ height:90px; position:relative; width:85px}
.icon_box2>ul>li:first-child{margin-left:0}
.icon_box2>ul>li figure{width:80%; margin-left:10%; height:55px; text-align:center; position:relative}
.icon_box2>ul>li figure>img{height:100%; width:auto; }
.icon_box2>ul>li p{text-align:center;width:100%}
.icon_box2>ul>li:hover p{font-weight:bold}

/*community*/
.inquiry_box{position:relative; width:85%; display:table; border-bottom:1px solid #e0e0e0; margin:0 auto; padding:30px 0}
.inquiry_box>div{display:table-cell; vertical-align:middle; box-sizing:border-box}
.inquiry_box .inquiry_box1{width:35%; padding:0 0 0 120px}
.inquiry_box .inquiry_box1 h3{font-weight:900; font-size:25px}
.inquiry_box .inquiry_box1 p{color:#999}
.inquiry_box ul{display:flex; flex-wrap:wrap; box-sizing:border-box; width:440px; margin:0 auto}
.inquiry_box ul>li{width:133.33px; height:133.33px;text-align:center; background-color:#f4f4f4; padding:15px 0; margin-left:10px; border-radius:15px; transition:0.5s; box-sizing:border-box; border:1px solid #DDD}
.inquiry_box ul>li:hover{background-color:#fed900}
.inquiry_box ul>li img{width:65px}
.inquiry_box ul>li p{font-size:18px; font-weight:bold}
.inquiry-con-wrap { border: 1px solid #cfcfcf; padding: 30px; box-sizing: border-box; box-shadow: 5px 5px 0 rgba(232,232,232,1); position: relative;}
.inquiry-con-wrap .inquiry-layor-top { text-align: center; padding-bottom: 25px; position: relative;}
.inquiry-con-wrap .inquiry-layor-top h4 { font-size: 35px; margin-bottom: 10px; color: #272727; font-weight: normal;}
.inquiry-con-wrap .inquiry-layor-top h4 em { font-weight: 700;}
.inquiry-con-wrap .inquiry-layor-top h4 + p { font-size: 25px; line-height: 1.75em;}
.inquiry-close { position: absolute;right: 5px;top: 5px; background:url(../../img/oldimg/btn_close2.png) center center no-repeat; width: 40px;height: 40px;text-align: left;text-indent: -999px; overflow: hidden;}
.inquiry_me{width:95%; margin:0 auto}
.inquiry_top{position:relative; display:table; box-sizing:border-box; padding:30px; border-bottom:1px solid #EEE}
.inquiry_top>div{display:table-cell; vertical-align:middle; box-sizing:border-box}
.inquiry_top div + div{padding-left:20px}
.inquiry_top h4{font-weight:bold; font-size:25px; }
.inquiry_top p{font-size:18px}
.inquiry_top p span{font-weight:bold; font-size:20px}
.inquiry_bottom{border-bottom:1px solid #EEE}
.inquiry_bottom>ul{overflow:hidden; margin:0 auto; position:relative; width:85%; padding:30px 0}
.inquiry_bottom>ul>li{overflow:hidden; float:left; width:50%; padding-left:100px; box-sizing:border-box}
.inquiry_bottom>ul>li>div{float:left}
.inquiry_bottom>ul>li>p{font-size:20px; font-weight:bold; width:100%; display:block; margin-bottom:15px}
.inquiry_bottom>ul>li ul{padding-left:15px}
.inquiry_bottom>ul>li ul>li{font-size:16px}
.in_top_img{width:60px}
.in_top_img img{width:100%}
.inquiry-layor{display:none}

/*company*/
.company_wrap{position:relative; padding:30px 0}
.company_wrap h3{font-weight:bold; font-size:25px; color:#32281a; padding-left:25px; position:relative}
.company_wrap h3::after{position:absolute; content:""; left:0; width:10px; height:10px; border:5px solid #fed900; box-sizing:borer-box; border-radius:10px; top:50%; transform:translateY(-50%)}
.about_wrap{position:relative;  margin:0 auto; margin-top:30px}
.about_wrap>ul{display:inline-flex; flex-wrap:wrap; width:100%}
.about_wrap>ul>li{width:47.5%; margin-left:5%; border:1px solid #EEE; box-sizing:border-box; margin-bottom:20px; display:inline-flex; padding:40px 0; position:relative}
.about_wrap>ul>li:nth-child(2n+1){margin-left:0;}
/*.about_wrap>ul>li>div{display:table-cell; vertical-align:middle}*/
.about_text{width:70%}
.about_img{width:30%; text-align:center}
.about_img p{font-weight:bold; font-size:25px}
.about_text p{font-size:18px; color:#454545; text-align:right}
.about_wrap>ul>li:nth-child(2n+1) .about_text p{text-align:left}
.about_logo{position:absolute; width:300px; height:300px; border-radius:300px; border:1px solid #EEE; box-sizing:border-box; text-align:center; background-color:#FFF; left:50%; margin-left:-150px; top:50%; transform:translateY(-55%)}
.about_logo>img{padding-top:20px}

.business_wrap{margin-top:30px}
.business_wrap>ul>li{display:table;margin-bottom:50px; width:100%}
.business_wrap>ul>li>div{display:table-cell; vertical-align:middle}
.busi_img{padding-right:25px}
.busi_img>figure{width:125px; height:125px; border-radius:125px; background-color:#f6f6f6; text-align:center; position:relative}
.busi_img>figure>img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.busi_text{width:90%; padding-left:25px; box-sizing:border-box; position:relative;}
.busi_text::after{position:absolute; content:""; width:1px; height:70%; background-color:#feec7f; top:15%; left:0}
.business_wrap>ul>li h4{font-weight:bold; font-size:20px; color:#141414}
.business_wrap>ul>li p{font-size:18px; color:#454545; margin-bottom:10px}

.ci_wrap{margin-top:30px}
.ci_wrap .row_img{position:relative;}
.ci_text{position:relative;  left:0; z-index:9}
.ci_text p{color:#454545; font-size:18px; text-align:left; padding-left:25px }
.ci_wrap>ul{overflow:hidden; width:900px; margin:0 auto}
.ci_wrap>ul>li{float:left; width:300px; }
.ci_wrap>ul>li>img{width:100%}
.ci_btn{position:relative; margin:0 auto; width:220px; height:60px; line-height:60px; margin-top:50px; }
.ci_btn a{display:block; width:100%; height:100%; background-color:#313131; color:#FFF; font-size:18px; padding-left:20px; box-sizing:border-box; transition:0.5s}
.ci_btn a i{position:absolute; right:20px; font-size:25px; line-height:60px}
.ci_btn:hover a{background-color:#fed900; color:#342a19}

.map_wrap{position:relative; max-width:1200px; margin:0 auto; padding:80px 0 50px }
.yellow_tabs{margin-top:25px}
.yellow_tabs li{background-color:#EEE !important; color:#000 !important; border:1px solid #EEE; box-sizing:border-box}
.yellow_tabs li:hover{background-color:#EEE !important}
.yellow_tabs .select{background-color:#fed900 !important}
.yellow_tabs .select:hover{background-color:#fed900 !important}
.map>ul{margin-top:20px}
.map li{font-size:20px; color:#454545; margin-left:15px}
.map li span{color:#f0bb00; margin-right:15px; margin-top:5px}
#map2{position:absolute; top:205px; width:100%; opacity:0}


.awards_box{overflow:hidden; padding:50px 0 30px; border-bottom:1px solid #EEE; width:95%; margin:0 auto}
.awards_box>div{float:left}
.awards_text{width:80%}
.awards_date{color:#f0bb00; font-weight:bold; font-size:25px; width:20%; text-align:center}
.awards_text li{ position:relative; margin-bottom:30px}
.awards_text li>span{position:absolute; top:0; left:0; font-size:20px; font-weight:bold; margin-right:10px}
.awards_text li p{padding-left:80px; font-size:18px; margin-bottom:5px}
.awards_text li p span{color:#f0bb00; font-size:20px; margin-right:10px; line-height:20px}

.row_img{text-align:center}
.row_img>img{max-width:100%}

.title_img{position:relative; width:600px; margin:0 auto}
.title_img>img{max-width:100%}
.title_img p{position:absolute; text-align:left; color:#000; font-size:40px; top:25px; left:30px; line-height:50px; color:#FFF}
.recruit_contents{position:relative; width:90%; margin:0 auto}
.recruit_title{font-weight:bold; font-size:25px; margin-top:50px; margin-bottom:10px}
.recruit_contents table{border-top:2px solid #454545; border-bottom:2px solid #454545; margin-top:30px}
.recruit_contents th{border-bottom:2px solid #AAA; padding:10px 0}
.recruit_contents th + th{border-left:1px solid #CCC}
.recruit_contents table td{text-align:center; padding:10px 0;  border-top:1px solid #CCC}
.recruit_contents table td + td{border-left:1px solid #CCC;}
.benefits{position:relative; width:100%; }
.benefits>ul{display:inline-flex; flex-wrap:wrap; width:100%}
.benefits>ul>li{width:14.28%; text-align:center; margin-top:30px}
.recruit_down{position:absolute; right:0; width:150px; margin-top:5px; padding:5px 0; background-color:#40311c; transition:0.5s}
.recruit_down a{text-align:center; display:block; color:#FFF}
.recruit_down:hover{background-color:#fed900;}
.recruit_down:hover a{ color:#40311c}

.recruit-process {overflow: hidden; margin-top:30px}
.recruit-process li {float: left; position:relative}
.recruit-process li span {width: 150px; height: 150px;float: left;background-color: #ffd800;border-radius: 75px; overflow: hidden;text-align: center;color: #000;box-sizing: border-box;padding-top: 33px;}
.recruit-process li:after {width: 85px;height: 150px;float: left; content: '';background: url(../../img/user/recruit_arr.png) center center no-repeat;}
.recruit-process li:last-child:after{display:none}
.recruit-process li.step1 span:before{ background:url(../../img/user/recruit_icon1.png) 0 0 no-repeat; z-index:9}
.recruit-process li.step2 span:before { background: url(../../img/user/recruit_icon2.png) 0 0 no-repeat;}
.recruit-process li.step3 span:before { background: url(../../img/user/recruit_icon3.png) 0 0 no-repeat;}
.recruit-process li.step4 span:before { background: url(../../img/user/recruit_icon4.png) 0 0 no-repeat;}
.recruit-process li span:before {width: 58px; height: 54px; display: block;content: ''; margin: 0 auto 15px auto;}

.adver_wrap{position:relative; overflow:hidden; margin-bottom:80px}
.adver_wrap>div{float:left}
.thumbnail{position:relative; overflow:hidden; padding-top:30px; width:30%}
.thumbnail>div{float:left; position:relative; cursor:pointer; width:47%; margin-left:2%; margin-bottom:8px}
.thumbnail>div .over_box{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:none}
.thumbnail>div .over_box p{text-align:center; color:#FFF; font-weight:bold; position:absolute; top:50%; transform:translateY(-50%); width:100%; }
.thumbnail>div>a{display:block;overflow:hidden}
.thumbnail>div>a>img{display:block; width:100%;}
.video_box{text-align:right; margin-top:30px; width:70%; padding-right:1%; box-sizing:border-box}
.video_box>video{max-width:100%; width:100%; display:block}
.adver_name{position:relative; width:100%; background-color:#ebebeb; text-align:left; padding:30px; box-sizing:border-box}
.adver_name h3{font-weight:bold; font-size:20px}
.adver_name p{font-size:16px; margin-top:5px}
.big_img{text-align:left; margin-top:30px; width:40%;position:relative}
.big_img>img{max-width:100%; width:500px}
.small_img{width:55%; position:absolute; bottom:0; left:45%}
.small_img>ul{overflow:hidden}
.small_img>ul>li{float:left; width:22.5%; margin-left:2%; cursor:pointer}
.small_img>ul>li>img{width:100%}
.adver_name_list{position:relative; width:300px; height:60px}
.adver_name_list li{position:absolute; top:0; opacity:0}
.adver_name_list li:first-child{ left:0; opacity:1}

.news_list{position:relative;}
.news_list>ul{display:inline-flex; flex-wrap:wrap; width:100%}
.news_list>ul>li{width:31.33%; margin-left:3%; margin-top:30px}
.news_list>ul>li:nth-child(3n+1){margin-left:0}
.news_list>ul>li>a>figure>img{width:100%; display:block}
.news_text{background-color:#f4f4f4; padding:10px 30px 20px; box-sizing:border-box; position:relative}
.news_text p{margin-top:15px}
.sns_icon img{width:20px}
.sns_date{float:right}

.about_text h3{text-align:right; font-weight:bold; font-size:20px}
.about_wrap>ul>li:nth-child(2n+1) .about_text h3{text-align: left;}

.rspinfo_wrap{margin-bottom:50px}
.rspinfo_wrap>p{font-weight:bold; font-size:20px; margin-bottom:10px}
.rspinfo_wrap>p span{vertical-align:middle;}
.rspinfo_wrap>p span img{width:35px; margin-right:10px}
.rspinfo_wrap .board-regist3_more{/*border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb*/border-bottom:none}
/*.rspinfo_wrap .board-regist3_more tr{border-bottom:1px solid #dbdbdb}*/
.rspinfo_wrap .board-regist3_more tr:last-child{border-bottom:none}
.rspinfo_wrap .board-regist3_more table{border-top:1px solid #CCC}
.rspinfo_wrap .board-regist3_more th{font-weight:bold; border-bottom:1px solid #CCC}
.rspinfo_wrap .board-regist3_more td{border-bottom:1px solid #CCC}
/*cart_quick*/
.quick_wrap{position:fixed; width:90px; right:10px; top:50%; transform:translateY(-30%); z-index:20}
.quick_wrap>div{margin-bottom:10px}
.cart_quick{position:relative; width:90px; height:90px; border-radius:90px; background-color:#3f311b; top:50%;}
.cart_quick figure{text-align:center; padding-top:15px}
.cart_quick figure>img{width:40px}
.cart_quick p{color:#FFF; font-weight:bold; font-size:14px; text-align:center}
.cart_quick div{padding-top:26%;color:#FFF; font-weight:bold; font-size:14px; text-align:center;line-height:150%;}
.quick_arrow{position:relative; border:2px solid #CCC; width:45px; height:45px; border-radius:45px; text-align:center; cursor:pointer; margin-left:22.5px; box-sizing:border-box;}
.quick_arrow p{line-height:45px; font-size:18px; color:#CCC; }
.mater_quick{background-color:#ffcc00}
.mater_quick p{color:#000}

.dok_inquiry_back{position:fixed; width:100%; left:0; top:0; height:100%; background-color:rgba(0,0,0,0.5); z-index:999; display:none}
.dok_inquiry_back>div{width:1200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background-color:#FFF}


.cart_count{position:relative; width:45px; height:45px; border-radius:45px; border:2px solid #CCC; box-sizing:border-box; margin-left:22.5px; text-align:center}
.cart_count .cart_circle{position:absolute; bottom:0; background-color:#000; color:#FFF; width:17px; height:17px; border-radius:17px; line-height:17px; left:50%; transform:translateX(-50%)}
.cart_count i{padding-top:5px; font-size:16px}

.dp-contents-search-top .word {font-weight: 600;font-size: 16px;color: #000;}
.dp-contents-search-top > div {background-color: #ebebeb; padding: 14px 20px;text-align: left;}
.dp-contents-result{padding:15px; border-top:2px solid #454545; border-bottom:2px solid #454545 /*border-bottom:1px solid #ebebeb*/; max-width:1200px; margin:0 auto}

.present_box{position:relative; display:flex; flex-wrap:wrap; margin-bottom:50px}
.present_box>div{width:350px; height:195px}
.pre_text{position:absolute; right:0; top:0; background-color:#f2f2f2; height:100%; box-sizing:border-box; padding:25px 30px}
.present_wrap>div:first-child .pre_text{padding:10px 30px}
.pre_text h3{font-weight:900;font-size:25px; margin-bottom:10px}
.pre_text>ul>li{font-size:18px; margin-bottom:5px; position:relative; padding-left:15px}
.pre_text>ul>li::before{position:absolute; content:"-"; left:0; }
.present_box::before{position:absolute; width:100%; content:""; height:1px; background-color:#CCC; top:50%; left:0; z-index:-9}
.present_box .pre_img img{width:100%}
.present_box2 .pre_text{position:relative}
.present_box2 .pre_img{position:absolute; right:0}

/*borad_table*/
.lock_icon i{font-size:15px}
.board-list table, .tb_line table{width:100%}
.board-list thead th { border-bottom: 1px solid #454545; color: #454545; padding: 10px 0;text-align: center;}
.board-list { border-top: 2px solid #454545; border-bottom: 1px solid #454545; }
.board-list thead th + th { border-left: 1px solid #d1d1d1;}
.board-list tr:first-child td { padding-top: 20px;}
.board-list td.left, .board-list td.title {text-align: left; padding-left: 15px;}
.board-list td + td {border-left: 1px solid #d1d1d1;text-overflow: ellipsis;overflow: hidden;}
.board-list td { padding: 10px 0; text-align: center;}
td label{margin-right:10px}
.date_sel{width:10%}

.sub_board_list { text-align: right; margin-bottom: -30px;}
.sub_board_list li.on { background: #c4df6c;font-weight: 600;}
.sub_board_list li { display: inline-block; border: 1px solid #454545; font-size: 15px;}
.sub_board_list li a { height: 30px;line-height: 30px; padding: 15px;}

.table-wrap table {width: 100%;}
.table-wrap td + td {border-left: 1px solid #d1d1d1;}
.borad_wrie th { border-bottom: 1px solid #dbdbdb; padding: 10px 0 10px 20px; text-align: left; font-size: 15px;background-color: #efefef; box-sizing: border-box;}
.borad_wrie td {border-bottom: 1px solid #dbdbdb; padding: 10px 20px;text-align: left;box-sizing: border-box;}
.required {color: #e84e4e;}
.borad_wrie select{height:30px; width:80px}

.table-wrap thead tr th:first-child { border-right: 1px solid #d1d1d1;}
.table-wrap thead th + th { border-left: 1px solid #d1d1d1;}
.table-wrap thead th { border-bottom: 1px solid #454545; color: #454545; padding: 10px 0; text-align: center;}
.table-wrap tr th:first-child, .table-wrap tr td:first-child { border-right: 1px solid #d1d1d1;}
.table-wrap td { padding: 10px 0;text-align: center; border-bottom: 1px solid #d1d1d1; color: #777;}
.table-wrap td.left{text-align:left; padding-left:15px}

.title span{font-size:5px; margin-left:5px}
/*borad_view*/
.tb_line{border-bottom:2px solid #454545; border-top:2px solid #454545; margin-top:40px; position:relative}
.tb_line2{border-bottom:2px solid #454545; border-top:2px solid #454545; position:relative}
.t_line{border-top:2px solid #454545; margin-top:40px;}
.b_line{border-bottom:2px solid #454545;}
.view_title{border-bottom:1px solid #454545; padding:20px; overflow:hidden; font-weight:bold; font-size:18px}
.view_title>p{font-size:16px; font-weight:bold}
.view_title>p>span{float:right}
.view_contents{padding:30px}
.view_contents p{margin-bottom:5px; word-break:keep-all}
.view_contents img{max-width:100%}

.board_view .view-info { border-bottom: 1px solid #ccc;padding: 15px 20px; overflow: hidden; line-height: 26px;}
.board_view .view-info  span { margin-right: 20px;}
.board_view .view-info > p { float: left;}
.board_view .view-info > p + p { margin-left: 40px;}
.board_view .sns-click ul{overflow:hidden; padding:10px 0}
.board_view .sns-click ul li {float: left;padding-left: 20px;}
.board_view .sns-click + .view-attach-file {border-top: 1px solid #ccc; border-bottom: none;}
.board_view .view-attach-file { border-top: 1px solid #ccc;padding: 15px 20px;}
.board_view .view-contents {padding: 30px 20px;line-height: 1.75em; box-sizing: border-box;}
.prev-next-wrap { border-top: 1px solid #454545; border-bottom: 1px solid #454545;margin-bottom: 20px;}
.prev-next-wrap > div:first-child { border-bottom: 1px solid #d1d1d1;}
.prev-next-wrap a, .prev-next-wrap p { display: inline-block;padding: 15px 0 15px 40px;font-weight: 600;}
.prev-next-wrap .date { position: absolute; right: 20px; top: 15px;font-weight: normal;}
.type-radio > label img, .type-checkbox > label img {vertical-align: middle; margin-left:5px}
.comment-wrap .comt-form { background-color: #fff;padding: 10px;overflow: hidden; box-sizing: border-box; margin-bottom: 10px;}
.borad_title{font-weight:bold; font-size:25px; margin-bottom:-25px}
.borad_title2{font-weight:bold; font-size:35px}
.borad_title_right{position:absolute; right:0}
.borad_title_left{position:absolute; left:270px}
.borad_title span{font-size:18px}
.prev-next-wrap>div{position:relative}
.prev-next-wrap i{font-weight:bold; font-size:18px; margin-right:20px; position:absolute; left:15px; top:35%}
.board_view .view-info img{position:absolute; margin-left:5px}

.board_view .view-contents img{max-width:100%}
/*agree*/
.agree_text{text-align:center; font-size:18px; color:#555; margin-top:20px}
.agree-wrap .textarea {width: 100%;height: 200px; background-color: #fbfbfb; padding: 20px;color: #777; line-height: 1.5em; overflow: auto;box-sizing: border-box; border: 1px solid #ccc;}
.terms-wrap .chapter { font-weight: 600;font-size: 16px; margin-bottom: 15px;}
.terms-wrap > dl dt { font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.terms-wrap > dl dd + dt {margin-top: 20px;}
.agree-wrap h3{font-size:25px; font-weight:500; margin:20px 0 10px}
.agree-wrap h3 span label{font-size:15px; font-weight:500; margin-left:10px; color:#40311c}
.agree-wrap{padding-bottom:20px; position:relative}

.textarea{margin-bottom:10px}
.privacy-wrap > dl dt { font-size: 15px; font-weight: 600;margin-bottom: 5px;}
.privacy-wrap > dl dd + dt { margin-top: 20px;}

/*event*/
.event-list .photo img {border: 1px solid #cfcfcf;box-shadow: 6px 6px 0 rgba(232,232,232,1);}
.event-list .photo { margin-bottom: 20px;}
.event-list .info { max-width: 524px; text-align: left;}
.event-list .dday { float: left; width: 65px; height: 65px; border-radius: 33px; text-align: center; font-weight: 600;background-color: #ffd800; color: #000;box-sizing: border-box;}
.event-list .dday span { display: block;font-size: 12px; padding: 10px 0 5px;}
.event-list .dday em { display: block;font-size: 18px; font-weight: 600;font-style:normal}
.event-list .dday + div { margin-left: 85px; text-align: left;}
.event-list .title {font-size: 16px; margin-bottom: 6px;}
.event-list .info ul { font-size: 13px;color: #777;}
.event-list .dday.end {background-color: #333;color: #888;}
.photo img{width:100%}
.event-list>ul{padding:20px 0; overflow:hidden}
.event-list>ul>li{padding:0 30px 20px}

/*vote*/
.article-check-wrap { border:1px solid #d9d9d9;padding: 50px;box-sizing:border-box}
.article-check-wrap dl dt {border-bottom:1px solid #d9d9d9;padding-bottom:10px; font-size: 20px; color: #222;font-weight: 700;}
.article-check-wrap dl dd { padding: 20px 0 50px; color: #777;}
.article-check-wrap dl li{margin-bottom:10px}
.article-check-wrap dl dd ul li span {font-weight: 600; margin-right: 15px; color: #222;margin-left:5px}

/*reply*/
.comment-table { background-color: #ebebeb;  padding: 30px; box-sizing: border-box; margin-bottom: 20px;}
.comment-table table, .comment-table tbody { display: block; width: 100%; position: relative;}
.comment-table .comment_num { margin-bottom: 10px; font-size: 16px; font-weight: 600;}
.comment-table tr, .comment-table td { display: block;box-sizing: border-box;}
.comment-table .comment_num td { line-height: 30px;}
.comment-table .comment_num span { display: inline-block;font-size: 13px; height: 30px; background-color: #fff; border-radius: 15px; padding: 0 20px; margin-left: 10px;}
.comment-table .txtarea_sec {clear: both;text-align: center; padding-bottom: 20px;}
.comment-table .comment_mark { float: left; width: 50px;}
.comment-table .comment_mark img { width: 50px;}
.comment-table .comment_info { margin-bottom: 5px;}
.comment-table .comment_info .comm_right { margin-left: 10px;}
.comment-table .comment_info .comm_right a { display: inline-block; width: 16px; height: 16px; text-align: left; overflow: hidden; text-indent: -999px; background:url(../../img/user/btn_co_del.png) 0 0 no-repeat; vertical-align: middle;}
.comment-table .select_sns { position: absolute;right: 0; top: 0; height: 30px; margin-bottom: 10px; line-height: 30px;}
.comment-table .select_sns .sns_chk img { width: 30px; height: 30px; vertical-align:middle}
.comment-table .btn_commit_sns { width: 80px; height: 50px; background-color: #777777; color: #fff; font-weight: 600;}
.comment-table .select_sns{line-height:30px}
.comment-table .select_sns .sns_all_out {background: #666; height: 30px; line-height: 30px; padding: 0 20px; color: #fff;}
.comment-table .comment_mark + div {margin-left: 60px;}
.comment-table .comment_add td { border-bottom: 1px solid #d4d4d4;  border-top: 1px solid #d4d4d4; padding: 20px 0;}
.comment-table .mark_facebook { display: none;}
.sns_chk input{vertical-align:middle}
.comment-wrap { background-color: #ebebeb; padding: 20px; box-sizing: border-box; margin-bottom: 20px;}
.comment-wrap .comt-top {overflow: hidden; margin-bottom: 10px;}
.comment-wrap .comt-top .count { float: left; line-height: 30px;font-size: 16px;font-weight: 600;}
.comment-wrap .comt-top .count em {display: inline-block; font-size: 13px; height: 30px; background-color: #fff;border-radius: 15px; padding: 0 20px; margin-left: 10px;}
.comment-wrap .comt-list li {  border-bottom: 1px solid #d4d4d4; padding: 20px 0; overflow: hidden;}
.comment-wrap .comt-list .user-info { margin-bottom: 10px;}
.comment-wrap .comt-list .user-info .name { font-weight: 600;}
.comment-wrap .comt-list .user-info .date { position: relative;margin: 0 15px;}
.comment-wrap .comt-list .user-info .date:before { display: inline-block; width: 1px; height: 11px; content: ''; background-color: #bfbfbf;margin-right: 15px;vertical-align: middle;}
.comment-wrap .comt-list .con {line-height: 1.5em;}
.comment-wrap .comt-form input[type="button"] { width: 100px;height: 50px; background-color: #777777; color: #fff; font-weight: 600;margin: 0 auto; margin-top:30px}
.board-regist3 table{width:100%}
/*.board-regist3 table th{background-color:#ebebeb}
.board-regist3 table td{border-bottom:1px solid #ebebeb; padding:10px}
.event_comment{display:inline-flex}
.write_form{padding-top:20px}*/
.sns_dp_default {display: inline;}
.sns_dp_default > li {display: inline;}
.board-regist3 { border-bottom: 2px solid #454545;}
.board-regist3 p{margin-top:10px; color:#333}
.board-regist3 th { border-bottom: 1px solid #dbdbdb; padding: 10px;text-align: left;font-size: 15px;background-color: #efefef; box-sizing: border-box;}
.board-regist3 td {border-bottom: 1px solid #dbdbdb;padding: 10px 20px;text-align: left; box-sizing: border-box; position:relative}
.board-regist3_more td{border:none}
.board-regist3_more th{border:none}
.recruit_table th{border-bottom: 1px solid #dbdbdb; padding: 10px;font-size: 15px;background-color: #efefef; box-sizing: border-box;;text-align:center; font-weight:bold}
.recruit_table td{border-bottom: 1px solid #dbdbdb;padding: 10px;text-align: center; box-sizing: border-box;}
.recruit_table td.aleft{text-align:left}
.recruit_table td .end{padding:5px 8px; background-color:#ebebeb; color:#333; border:1px solid #CCC}
.recruit_table td a{}
.comment-wrap .comt-top .sns-login { float: right;padding: 2px 0 0 0; border: none;}
.comment-wrap .comt-top .sns-login a { height: 26px;line-height: 26px;}
.btn.lgray { background-color: #a1a1a1; color: #fff;padding:0 10px}
.btn { display: inline-block;font-weight: 600; height: 34px; box-sizing: border-box; padding: 0 20px; line-height: 34px;text-align: center;vertical-align: middle;}
.sns_all_out{margin-top:-20px}

.board_view .view-reply { background-color: #ebebeb;padding: 30px;margin-bottom: 30px;}
.board_view .view-reply dt {display: block; padding: 0 0 10px 0;border-bottom: 1px solid #d4d4d4;font-size: 15px; font-weight: 600;}
.board_view .view-reply dd {padding: 10px 0 0 0;line-height: 1.75em;}
.reply-subject { border-top: 2px solid #454545; border-bottom: 1px solid #454545;margin-bottom: 20px; font-size: 16px; padding: 20px;}
.left button{padding:2px 5px; font-size:10px}


/*search_form*/
.search-form {background-color: #ebebeb; padding: 10px 20px; max-width: 1200px; margin: 0 auto 30px auto;box-sizing: border-box; margin-top:30px}
.search-form table th { padding: 5px 10px; text-align: left;font-weight:bold}
.search-form table td { padding: 5px 10px; text-align: left;}
.search-form select{background-color:#FFF; padding-left:5px}
.search-form .command { width: 30px; height: 30px; background: #ccccce url(../../img/user/btn_search2.png) center center no-repeat; text-align: left;text-indent: -999px; overflow: hidden;}
.search-form table br{display:none}

.board-search {text-align: center;padding: 10px 0;}
.paging + .btns + .board-search {clear: both;}
.board-search input[type="text"] {box-sizing: border-box;height: 35px; background-color: #f7f7f7;line-height: 33px;padding: 0 10px; width: 340px; border: 1px solid #ccccce;}
.board-search select {box-sizing: border-box; height: 35px;/*width:70px; padding: 5px;*/ border-radius: 0px; background-color: #f7f7f7;border: 1px solid #ccccce;}
.board-search .command { width: 75px; height: 35px;background-color: #353535; color: #fff; border: none;}

/*bx slider*/
.bx-wrapper img{display:inline-block !important; border:1px solid #CCC; box-sizing:border-box}
.banner_book a{display:block;}
/*dok_*/
.dp-contents-list-top { padding-top: 10px; max-width: 1200px; margin: 0 auto 30px auto;}
.dp-contents-list-top > div {font-size:25px}
.dp-contents-list{display:flex; flex-wrap:wrap; max-width:1200px; margin:0 auto; position:relative}
.dp-contents-list .dp-con-wrap:nth-child(2n+1) { margin-left:0}
.dp-contents-list .dp-con-wrap {width: 49%;margin-left:2%; margin-bottom: 25px;border:1px solid #EEE;box-sizing:border-box;padding:20px}
.dp-con-wrap .photo {float:left; width: 40%; margin-right: 6%;}
.dp-con-wrap .photo img { border: 1px solid #cfcfcf; box-shadow: 6px 6px 0 rgba(232,232,232,1);}
.dp-con-wrap .txt { float: left;width: 45%;}
.dp-con-wrap .txt dt {font-size: 22px; padding: 20px 0; border-bottom: 1px solid #777777;}
.dp-con-wrap .txt dd {padding: 20px 0; color: #777777;}
.dp-con-wrap .txt dd li {margin-bottom: 5px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.dp-contents-result ul li {
    padding: 15px 20px;
    border-bottom: 1px solid #ccc;
}
.dp-contents-result .date a{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.bx_tab{position:relative; max-width:1100px; width:340px; margin:0 auto; margin-bottom:60px}
.bx_tab>ul{overflow:hidden}
.bx_tab>ul>li{float:left; margin-left:20px; padding:0 10px; position:relative; cursor:pointer; width:80px; background-color:#CCC; border-radius:20px}
.bx_tab>ul>li:first-child{margin-left:0}
.bx_tab>ul>li>a{ line-height:30px; font-size:20px; text-align:center; display:block}
.bx_tab>ul>li.select{background-color:#333}
.bx_tab>ul>li.select a{color:#FFF}
/*.bx_tab>ul>li::after{position:absolute; content:""; width:20%; height:5px; background-color:#514119; left:40%; top:0; opacity:0;transition-duration:0.5s;}
.bx_tab>ul>li:hover::after{opacity:1; width:100%; left:0 }
.bx_tab>ul>li.select::after{opacity:1; width:100%; left:0}*/
.rg_go{position:absolute; background-color:#3d3d3d; padding:10px 15px; box-sizing:border-box; right:25px}
.rg_go a{color:#FFF; }

#bx-pager{display:flex; position:relative; z-index:9; width:240px; margin:0 auto}
#bx-pager a{display:block; padding:0 20px; position:relative; font-size:20px; width:40px }
#bx-pager a::after{position:absolute; content:""; width:20%; height:5px; background-color:#906f53; left:40%; top:-10px; opacity:0;transition-duration:0.5s;}
#bx-pager a.active::after{opacity:1; width:60%; left:20%}
#bx-pager a.active{font-weight:bold}

/*dok_view*/
.dp-contents-view { border:1px solid #DDD; padding: 40px; box-sizing:border-box}
.banner_btn .search_icon:before {display: inline-block; width: 14px; height: 14px;content: ''; Vertical-align: top; margin-top: 6px; margin-right: 6px; background: url(../../img/user/icon_view3.png) 0 0 no-repeat;}
.dp-contents-view > div {max-width: 1200px; margin: 0 auto;text-align: left;overflow:hidden;}
.dp-contents-view .photo {float: left;width: 25%;}
.dp-contents-view .photo img {border: 1px solid #cfcfcf; box-shadow: 6px 6px 0 rgba(214,214,214,1);}
.dp-contents-view .info { float: right; width: 70%;}
.dp-contents-view dl dt { font-size: 30px; color: #272727;padding-bottom: 10px; border-bottom: 1px solid #fff;}
.dp-contents-view dl dd {padding: 15px 0 10px;font-size: 16px;}
.info li{font-size:18px}
.dp-contents-list-top > div span {display: inline-block;background-color: #efefef; padding: 0 20px; height: 30px; border-radius: 15px;line-height:30px; margin-left: 5px;font-size:16px}
.dp-contents-view2 { max-width: 1200px; margin: 0 auto;text-align: left;}
.dp-contents-view2 > div { padding: 30px 0; position: relative; border-bottom: 1px solid #dbdbdb;}
.dp-contents-view2 dt {font-size: 28px; margin-bottom: 20px;}
.dp-contents-view2 .preview {position: absolute; right: 0; top: 32px; background: #fff url(../../img/user/icon_view4.png) 14px center no-repeat; padding: 0 20px 0 35px; border:1px solid #AAA}
.dp-contents-view2 dd ul li { position: relative;padding-left: 8px;}
.dp-contents-view2 > div.btn_box{border-bottom:none}

.dp-regist .head td { background-color: #efefef;}

/*quiz*/
.puzzle-view .puzzle-q {border-bottom: 1px solid #454545; padding: 20px 100px 20px 20px;font-size: 18px;font-weight: 600;position: relative;}
.puzzle-view .puzzle-info {border-bottom: 1px solid #454545; padding: 20px 100px 20px 20px;}
.puzzle-view .puzzle-info p { display: inline-block; margin-right: 20px;}
.puzzle-view .puzzle-guide {padding: 20px 100px 20px 20px;}
.puzzle-regist .label { background-color: #f4f4f4; width: 100px;text-align: center;}
.puzzle-regist td { padding: 5px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.puzzle-entry > div { width: 50%;float: left; box-sizing: border-box; border-bottom: none;}
.puzzle-entry > div:first-child{border-right:1px solid #545454}
/*tabs*/
.tabs{position:relative; width:100%;}
.tabs>ul{display:table; table-layout:fixed; width:100%}
.tabs>ul>li{display:table-cell; text-align:center; background-color:#AAA; color:#FFF; border-left:1px solid #FFF; box-sizing:border-box; padding:10px 0; position:relative; cursor:pointer; font-size:18px; transition:0.5s; font-weight:bold}
.tabs>ul>li a{display:block;  font-size:16px;}
.tabs>ul>li:nth-child(4n+1){border-left:none}
.tabs>ul>li.select{background-color:#373737}
.tabs>ul>li:hover{background-color:#373737}
.trl{ width: 0px; height: 0px; border-top: 15px solid #333; border-right: 8px solid transparent;border-left: 8px solid transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -7.5px; }
.lo_tabs a{color:#FFF}


/*accordian*/
.faq{border-top:2px solid #454545; border-bottom:2px solid #454545;}
.faq_wrap{margin-top:40px; position:relative}
.faq>ul{position:relative;  width:100%; }
.faq>ul h3{font-size:20px; height:80px; color:#333; padding-left:70px; width:100%; line-height:80px; cursor:pointer; border-radius:5px;  position:relative; transition:0.5s; box-sizing:border-box; border-top:1px solid #EEE; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.faq>ul h3:hover{background-color:#EEE}
.faq>ul h3 span.faq_q{ display: inline-block; width: 40px; height: 40px;line-height: 40px; text-align: center; border-radius: 20px; background-color: #9fa0a2;font-size: 20px; color: #fff; position: absolute;left: 15px; top: 20px;}
.faq>ul p span.faq_a{display: inline-block; width: 40px; height: 40px;line-height: 40px;text-align: center; border-radius: 20px; background-color: #373737; font-size: 20px; color: #fff; position: absolute; left: 15px;}
.faq>ul p span.faq_a2{top:12px}
.faq>ul p{padding:20px; line-height:1.6em; font-size:14px; color:#666;position:relative; padding-left:70px; display:none}
.faq2, .faq3, .faq4, .faq5{position:relative; width:100%; top:0; display:none; }

/*borad_btn*/
.btn_box{/*position:absolute; right:0;*/ position:relative; text-align:right;/*float:right;*/ padding:30px 0}
.btn_box2{margin:0 auto; text-align:center;/*width:305px;*/ margin-top:30px}
.btn_box2>a{display:inline-block; width:150px; height:50px; line-height:50px; text-align:center; font-size:16px}
.btn_box2 i{margin-left:20px; font-size:18px}
.btn_box>a{padding:8px 20px}
.btn_grey{background-color:#3d3d3d}
.btn_yellow{background-color:#ffd800}
.btn_green{background-color:#62ca46}
.btn_white{border:1px solid #000; box-sizing:border-box}
.color_white{color:#FFF}
.right_btn{position:absolute; left:0; top:20px}
.board-regist3 td .btn{height:30px; line-height:30px; padding:0 20px}
.mini{font-size:14px; padding:2px 7px 4px 7px}

/*expend*/
.dok-option-select .dok-expend-app { padding: 30px 0; box-sizing: border-box; border-bottom: 1px solid #454545;}
.dok-option-select .dok-expend-app > div { text-align: center; width: 350px;margin: 0 auto 20px auto;}
.dok-option-select .dok-expend-app table { width: 100%;}
.dok-option-select .dok-expend-app table th { width: 80px;text-align: left; padding: 3px 5px;}
.dok-option-select .dok-expend-app table td {text-align: left; padding: 3px 5px;}
.dok-option-select .dok-expend-app ul { width: 500px; margin: 0 auto; white-space: nowrap;}
/*paging*/
.paging {clear: both;text-align: center; padding: 30px 0; font-weight: 600;}
.paging .prev { background: url(../../img/user/page_prev.png) center center no-repeat;margin-right: 30px;}
.paging .next { background: url(../../img/user/page_next.png) center center no-repeat; margin-left: 30px;}
.paging .page {text-align: left;text-indent: -9999px;}
.paging a { display: inline-block;width: 31px;height: 31px; vertical-align: top; text-align: center; line-height: 31px;}
.paging .current {background-color: #000;color: #fff;}
/*select*/
.selBox{padding:10px 30px 10px 10px; margin:30px 0 10px}

/*ext_st_wrap*/
.ext_st_wrap{position:relative; width:900px; margin:0 auto}
.ext_st_wrap>ul{overflow:hidden}
.ext_st_wrap>ul>li{float:left; width:420px; position:relative}
.ext_st_wrap>ul>li:last-child{margin-left:60px}
.ext_st_wrap>ul>li>a>figure{position:relative; height:350px; border-radius:350px; width:350px; border:2px solid #f9bf30; box-sizing:border-box; margin-left:25px}
.ext_st_wrap>ul>li:first-child>a>figure .img_line{background-color:#FFF; border:5px solid #f9bf30; border-radius:320px; position:absolute; width:320px; height:320px; left:13px; top:13px; box-sizing:border-box; }
.ext_st_wrap>ul>li:last-child>a>figure .img_line{background-color:#f9bf30; border-radius:340px; position:absolute; width:320px; height:320px; left:13px; top:13px; box-sizing:border-box; }
.ext_box{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center}
.ext_box p{font-weight:bold; font-size:22px}
.ext_text{margin-top:20px; }
.ext_text>li{font-size:18px}

.dok-option-select{padding:20px 0}
.dok-option-select .op {  padding: 10px 0 25px;text-align: center;}
.dok-option-select .op label { margin: 0 30px; font-size:18px; font-weight:bold}
.dok-option-select .guide { text-align: center; font-size: 16px;line-height: 1.75em; padding-top: 20px;}
.app-regist-guide{margin-top:15px}
.agree-wrap textarea { width: 100%; height: 300px;  background-color: #fbfbfb; padding: 20px; color: #777;line-height: 1.5em;}
.dok-option-select .dok-expend-app .extention .guide-txt { font-size: 16px; padding: 20px 0;}
.guide-txt{padding:20px 0; border-top:1px solid #dbdbdb}
.guide-txt p{text-align:center; font-size:16px; margin-top:10px}

/*univ*/
.univ_list{position:relative; max-width:1200px; margin:0 auto}
.univ_list>ul>li{display:table; border:1px solid #EEE; width:100%; margin-bottom:10px}
.univ_list>ul>li>div{display:table-cell; vertical-align:middle}
.univ_name{background-color:#EEE; width:20%; text-align:center; padding:20px 20px; box-sizing:border-box}
.univ{padding:20px 0}
.univ>ul{overflow:hidden}
.univ>ul>li{float:left; margin-left:10px; padding:0 20px; box-sizing:border-box; width:180px; position:relative}
.univ>ul>li::after{position:absolute; content:""; width:3px; height:3px; border-radius:3px; background-color:#333; left:10px; top:50%; margin-top:-1.5px}

.univ_view{position:relative; max-width:1200px; margin:0 auto}
.univ_view_box{position:relative; border:1px solid #EEE; padding:50px 30px; box-sizing:border-box; display:table; width:100%}
.univ_view_box>div{display:table-cell; vertical-align:middle; width:50%}
.univ_img{text-align:center;}
.univ_img>img{max-width:100%}
.univ_text{ padding-left:30px; box-sizing:border-box}
.univ_text h3{font-weight:700; font-size:30px; }
.univ_text h3 span{font-size:16px;}
.univ_text p{font-size:16px; margin-top:10px; line-height:30px}
.univ-view-intro{ position:relative; max-width:1200px; margin:0 auto; padding:30px 20px; box-sizing:border-box}
.univ-view-intro p{font-size:16px}

.univ-view-intro dt { font-size: 16px;margin-bottom: 10px;font-weight: 600;}
.univ-view-intro dd { color: #777; line-height: 1.75em;}
.univ-view-intro dl { padding: 20px 0;border-bottom: 1px solid #e2e2e2;}

.extention{position:relative; width:600px; margin:0 auto;  padding-top:20px}
.extention table{ border-right:1px solid #dbdbdb;}

/*arb*/
.book-top{padding:20px 10px 0}
.book-top .left {float: left;padding: 3px 0;}
.book-top .count { height: 25px; line-height: 25px; padding: 0 23px;}
.book-top .right {float: right;}
.book-top > div:after {clear: both; display: block;content: '';}
.arbBook-list{width:1100px; margin:0 auto; padding-top:20px}
.arbBook-list ul{overflow:hidden}
.arbBook-list ul li {float: left;}
.arbBook-list ul li a { display: block;box-sizing: border-box;}
.arbBook-list .photo { margin-bottom: 18px;text-align: center;}
.arbBook-list .photo img { width: 173px; height: 228px; border: 1px solid #cfcfcf; box-shadow: 6px 6px 0 rgba(232,232,232,1);max-width:100%}
.arbBook-list ul li span {display: block; font-size:16px}
.arbBook-list .title {font-size: 16px; margin: 0 auto 6px auto; text-align: center; max-width: 173px;}
.arbBook-list .subtitle {color: #777; text-align: center;  max-width: 173px; margin: 0 auto;}
.arbBook-list2{width:95%; margin-left:2.5%}
.arbBook-list2 > ul > li { border-bottom: 1px solid #ccc; padding: 20px 0;}
.arbBook-list2 > ul > li:last-child{border-bottom:none}
.arbBook-list2 .photo {float: left;width: 20%;}

.arbBook-list2 .photo img {width: 150px;}
.arbBook-list2 .info { float: left;}
.arbBook-list2 > ul > li:after {clear: both;display: block; content: '';}
.arbBook-list2 .info a { display: block; padding: 10px 0;}
.arbBook-list2 .info .title {font-size: 16px; color: #000;  margin-right: 10px;}
.arbBook-list2 .info li {position: relative; padding-left: 10px;margin-bottom: 6px; font-size:14px}
.arbBook-list2 .info li:before { position: absolute;left: 0;top: 10px; content: ''; width: 2px;height: 2px; background-color: #454545;}
.book-regist .online-store > div > span input {width: 80%;}
.book-regist .online-store > div > span.url { width: 68%;}
.book-regist .online-store > div > span {float: left;}
.book-regist .online-store > div > span.name {  width: 28%; margin-right: 2%;}
.book-regist .online-store > div + div { margin-top: 10px !important;}
.book-regist .online-store > div { overflow: hidden;}
.book-regist .writer-info > span { display: inline-block; width: 230px;}
.book-regist .writer-info > span > label {display: inline-block; width: 30px;}
.book-regist .type-info > span {display: inline-block;width: 230px;}
.book-regist .type-info > span > label {display: inline-block; width: 30px;}


.arbBook-view-info {border:1px solid #ebebeb;padding: 40px;margin-bottom: 10px; margin-top:30px}
.arbBook-view-info > div {max-width: 1200px;margin: 0 auto;overflow: hidden;}
.arbBook-view-info .photo-wrap {float: left;width: 25%;text-align: right; box-sizing: border-box; padding: 0 6px 6px 0;}
.arbBook-view-info .photo-wrap img { border: 1px solid #cfcfcf; box-shadow: 6px 6px 0 rgba(214,214,214,1); height: auto; max-width:100%}
.arbBook-view-info .info-wrap { position: relative;float: right; width: 72%;text-align: left;}
.arbBook-view-info .subtitle {font-size: 22px; padding: 0 0 5px 0;}
.arbBook-view-info .title {font-size: 35px;margin-bottom: 15px;}
.arbBook-view-info .book-info-list {/* height: 175px; */min-height: 175px;}
.book-info-list .right{position:absolute; bottom:50px; right:30px}
.rf-book-list .right{position:relative; bottom:0; right:0}
.arbBook-view-info .info-list {font-size: 17px;margin-bottom: 15px; font-weight: 600;}
.arbBook-view-info .info-list li {margin-bottom: 10px; position: relative; padding-left: 10px;}
.arbBook-view-info .info-list li:before {display: inline-block; width: 4px; height: 4px; border-radius: 2px;background-color: #000;content: ''; position: absolute; left: 0;top: 8px;}
.arbBook-view-info .info-list li span {display: inline-block; width: 105px;}
.arbBook-view-info .info-list li em {padding-left: 30px; position: relative;}
.arbBook-view-info .info-list li em:before {display: inline-block;width: 1px;height: 15px; background-color: #555;content: ''; position: absolute;left: 0; top: 4px;}
.arbBook-view-info .btns {padding: 0;}
.btns .right {float: right;text-align: right;}
.arbBook-view-info .sns-info {display: inline-block;}
.arbBook-view-info .sns-info span {display: inline-block;height: 30px;line-height: 30px;border-radius: 15px; background-color: #fff; padding: 0 22px 0 38px;position: relative;font-weight: 600;color: #000;}
.arbBook-view-info .sns-info span.facebook:before { background:url(../../img/user/view_sns_facebook.png) 0 0 no-repeat;}
.arbBook-view-info .sns-info span:before {display: inline-block;width: 30px; height: 30px; content: ''; position: absolute; left: -1px;top: 0;}
.arbBook-view-info .sns-info span.twitter {margin-left: 10px;}
.arbBook-view-info .sns-info span {display: inline-block; height: 30px;line-height: 30px; border-radius: 15px; background-color: #ebebeb;padding: 0 22px 0 38px; position: relative; font-weight: 600;color: #000;}
.arbBook-view-info .sns-info span.twitter:before {background:url(../../img/user/view_sns_twitter.png) 0 0 no-repeat;}

.sub-arb-buy { max-width: 1200px;margin: 0 auto;border: 5px solid #ebebeb; background-color: #ebebeb;overflow: hidden; box-sizing: border-box;margin-bottom: 40px;}
.sub-arb-buy h4 {float: left; width: 15%;font-size: 20px;box-sizing: border-box; line-height: 53px;text-align: center; color: #000;  font-weight: normal;}
.sub-arb-buy ul {float: left;width: 85%;background-color: #fff;padding: 5px 0;}
.sub-arb-buy ul li {float: left; width: 16.5%;text-align: center;}
.sub-arb-buy ul li a { display: block;height: 43px;position: relative; text-align: left;text-indent: -9999px;overflow: hidden; background-size: 90px auto !important;}
.sub-arb-buy .store1 a { background: url(../../img/user/store1_logo.png) center -43px no-repeat;}
.sub-arb-buy .store2 a {background: url(../../img/user/store2_logo.png) center -43px no-repeat;}
.sub-arb-buy .store3 a {background: url(../../img/user/store3_logo.png) center -43px no-repeat;}
.sub-arb-buy .store4 a {background: url(../../img/user/store4_logo.png) center -43px no-repeat;}
.sub-arb-buy .store5 a {background: url(../../img/user/store5_logo.png) center -43px no-repeat;}
.sub-arb-buy .store6 a { background:url(../../img/user/store6_logo.png) center -43px no-repeat;}
.sub-arb-buy ul li + li a:before { display: block;width: 1px;height: 60px;background-color: #c8c8c8;content: '';position: absolute;left: 0;top: 5px;}
.arbBook-view-content {max-width: 1200px;margin: 0 auto;text-align: left;}
.con-title { font-size: 30px;margin-bottom: 10px; font-weight:bold}
.con_sub{font-size:18px; margin-top:-10px}
.arbBook-detail-wrap { border: 1px solid #cfcfcf; padding: 30px;box-sizing: border-box;/*box-shadow: 6px 6px 0 rgba(214,214,214,1);*/ margin-bottom: 48px; line-height: 1.75em;}
.arbBook-detail-wrap img{max-width:100%}
.txt {text-align: center;/* padding: 35px 0 20px;*/line-height: 1.5em;font-weight: 600; font-size: 16px; margin-top:20px}
.txt>p{font-size:16px}
.txt .point {background-color: #ffd800; padding: 0 5px;}
.support_btn{width:160px; position:relative; margin:0 auto}
.support_btn a{transition:0.5s;}
.support_btn a:hover{background-color:#fed900; }
.support_btn span{vertical-align:middle; margin-left:10px}
.support_btn img{width:20px}
.returnurl_text{text-align:center; font-size:16px; margin:20px 0}

/*arb wipe*/
.contents_wrap{}
				.arb_intro{max-width : 990px; padding-left : 80px; position: relative;}
				.arb_wrap .img_container{}
				.arb_wrap .img_container .swiper-wrapper{transition : 0.5s ease-out;}
				.arb_wrap .img_container .swiper-slide{width : 150px;}
				.arb_wrap .img_container .swiper-slide-active{width : 300px;}
				.arb_wrap .img_container .swiper-slide  {transition : 0.5s ease-out ; margin-right : 0;}
				.arb_wrap .img_container .swiper-slide .img_box { height: 470px; position: relative;}
				/*height:삭제*/
				.arb_wrap .img_container .swiper-slide .img_box img {width : 150px; position: absolute; bottom : 0; left : 93px; transition : 0.1s ease-out;  box-shadow: 5px 2px 1px #ecebea; border:1px solid #c3c3c3}
				.arb_wrap .img_container .swiper-slide-next .img_box img {left : 173px;}
				.arb_wrap .img_container .swiper-slide-next + .swiper-slide .img_box img {left : 140px;}
				/*height 삭제*/
				.arb_wrap .img_container .swiper-slide-active .img_box img {width : 360px; height:465px; left : 0px; transition : 0.5s ease-out; bottom : 0px; box-shadow: none;border:1px solid #c3c3c3;border-collapse: collapse;}
				.arb_wrap .img_container .swiper-slide-active .img_box_bt img {width : 340px; height:450px; left : 0px; transition : 0.5s ease-out; bottom : 0px; box-shadow: none;border:1px solid #c3c3c3;border-collapse: collapse;}
				.arb_wrap .img_container .swiper-slide-duplicate-active .img_box img {width : 360px; left : 0px; transition : 0.0s ease-out; bottom : 0px; box-shadow: none;}
				.arb_wrap .img_container .swiper-slide-prev .img_box img{left : 30px; transition-duration : 0.5s;}
				.arb_wrap .text_container{position: absolute; width : 100%; height:100%; top : 0; left : 0px; padding-left : 500px;}
				.arb_wrap .text_container ul{position: relative;  max-width : 700px;}
				.arb_wrap .text_container ul .swiper-slide {max-width : 100%;}
				.arb_wrap .text_container ul .swiper-slide a {display: block; opacity: 0; visibility: hidden; transition : 0.1s ease-out;  padding-top : 40px;}
				.arb_wrap .text_container ul .swiper-slide a h2{font-size : 30px; font-weight: bold; color : #3f311b; line-height: 30px; text-align: left;  margin-bottom : 20px;}
				.arb_wrap .text_container ul .swiper-slide a h2:after{display: none;}
				.arb_wrap .text_container ul .swiper-slide a>p{font-size : 17px; letter-spacing:-1px; font-weight: 500; color : #525151; line-height: 24px; margin-bottom : 21px;}
				.arb_wrap .text_container ul .swiper-slide a>span{font-size : 18px; font-weight: 500; color : #1b1b1b;}
				.arb_wrap .text_container ul .swiper-slide-active a {opacity: 1; visibility: visible; padding-top : 10px;  transition : 0.5s ease-out;  transition-delay : 0.5s;}
				.arb_wrap .text_container ul .swiper-slide a div span{font-size:15px !important}
/*info*/
.info_wrap{position:relative; width:100%; display:flex; flex-wrap:wrap}
.info_wrap>div{width:50%; }
.info_wrap .info_img img{max-width:100%}
.info_wrap .info_text{padding:80px 30px; box-sizing:border-box}
.info_wrap .info_text p{font-size:18px; }
.info_wrap .info_text p + p{margin-top:30px}
.info_wrap .info_text p span{font-weight:bold;}
		
/*map*/
.roadmap-tran table{width:100%}
.roadmap-tran .subway th {background: url(../../img/user/trans_icon1.png) left center no-repeat;}
.roadmap-tran td{padding:18px 0}
.roadmap-tran td p{font-size: 18px;}

.roadmap-tran .car th {background: url(../../img/user/car_icon.png) left center no-repeat;}
.roadmap-tran .car th, .roadmap-tran .car td { border-top: 1px solid #dbdbdb;}
.roadmap-tran th { height: 120px;padding: 20px 0 20px 100px; width: 190px; font-size: 18px; text-align: left;}
			
/*login_box*/
.login_box{position:relative; width:900px; margin:0 auto; border:1px solid #CCC; padding:35px; box-sizing:border-box}
.login_box h3{font-size:30px; color:#333;  width:560px; margin:0 auto; margin-bottom:10px;}
.login-form{overflow:hidden; width:560px; margin:0 auto}
.login-form .input {float: left; width: 420px;margin-right: 10px;}
.login-form .input input { height: 45px; width: 100%; display: block; margin-bottom: 4px;}
.login-form .command { float: left; width: 100px;}
.login-form .command input { width: 100px; height: 95px; background-color: #ffd800; color: #000; font-size: 18px;  font-weight: 900;}
.login-form .save {clear: both; padding: 10px 0;position:relative}

.login_btn{position:absolute; right:30px; top:5px}
.login_btn>ul{overflow:hidden}
.login_btn>ul>li{float:left; border:1px solid #AAA; box-sizing:border-box; padding:3px 10px; margin-left:5px}
.login_btn>ul>li>a{font-size:12px}
.login_text{position:relative; width:100%; margin:0 auto; border-top:1px solid #CCC; padding-top:35px; margin-top:50px}
.login_text>p{font-size:18px; margin-bottom:5px; color:#333; width:90%; margin:0 auto}

.login_guide{position:relative; width:900px; margin:0 auto; display:table; margin-top:30px}
.login_guide>div{display:table-cell; vertical-align:middle; padding:0 10px; box-sizing:border-box}
.login_guide>div li{font-size:16px; color:#333}

/*join*/
.join_wrap{position:relative; max-width:1200px; margin:0 auto}
.join_icon{padding-bottom:50px}
.join_icon>ul{overflow:hidden; position:relative; width:820px; margin:0 auto}
.join_icon>ul>li{float:left; box-sizing:border-box; width:140px; height:140px; border:3px solid #40311c; margin-left:30px; border-radius:140px}
.join_icon>ul>li:first-child{margin-left:0}
.join_icon>ul>li figure{text-align:center; padding-top:25px}
.join_icon>ul>li p{font-weight:bold; font-size:18px; text-align:center}
.join_icon>ul>li.select{background-color:#fed900; border:none}

.certification-wrap{display:table; margin-bottom:10px; width:100%; table-layout:fixed}
.certification-wrap dl {display:table-cell; box-sizing: border-box;border: 1px solid #cccccc; padding: 50px 0;text-align: center; background-color: #fbfbfb; transition:0.5s}
/*.certification-wrap dl:last-child{border-left:none}*/
.certification-wrap dl dt { font-size: 24px; margin-bottom: 30px;color: #343434;}
.certification-wrap dl dt + dd { margin-bottom: 40px; line-height: 1.75em; color: #777;}
.btn.middle {height: 41px;line-height: 40px;font-size: 15px;}
.certification-wrap dl dl:hover{ border:1px solid #AAA; background-color:#f4f4f4}
.dot-list > li { position: relative; padding: 0 0 3px 8px;line-height: 1.5em; box-sizing: border-box;}
.dot-list > li:before { position: absolute;left: 0;top: 10px; width: 2px; height: 2px;  content: '';background-color: #777;}

.join_table th:before {position: absolute;left: 7px; content: "*"; color: red;}
.join_table th.before_none:before{display:none}
.join_table .pilsu:before { position: absolute;left: 7px;content: "*"; color: red;}
.join_table th{background-color:#FFF; border-right:2px solid #454545}

.join_sel_table th{text-align:center; padding:10px 0; background-color:#efefef}
.join_sel_table th + th{border-left:1px solid #FFF}
.join_sel_table td + td{border-left:1px solid #CCC;}
.join_sel_table td{padding-left:60px; border-bottom:1px solid #efefef; padding-top:10px; padding-bottom:10px}
.join_sel_table label{text-align:center}
.join-end-wrap{position:relative; width:750px; margin:0 auto; box-sizing:border-box; border:2px solid #CCC; padding:80px 0}
.join-end-wrap h3{font-weight:bold; font-size:30px; text-align:center}
.join-end-wrap h3 span{vertical-align:middle; margin-right:10px}
.join-end-wrap h3 span img{width:120px}
.join-end-wrap p{text-align:center; font-size:18px; line-height:25px; }

.dormancy{position:relative; width:850px; margin:0 auto}
.dormancy_box1{position:relative; width:100%; margin:0 auto;background-color:#e9e9e9; padding:30px 10px; box-sizing:border-box}
.dormancy_box1 p{color:#333; text-align:center; font-size:16px}
.dormancy_box2{ background-color:#E9E9E9; width:100%; margin:20px auto; position:relative; padding:20px 0; box-sizing:border-box}
.dormancy_box2_in{overflow:hidden}
.dormancy_box2_in>div{float:left}
.dor_img{padding:0 20px}
.dor_btn{position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.dor_text{padding-left:20px; padding-top:10px; box-sizing:border-box}
.dor_text h3{font-weight:bold; font-size:18px;}
.dor_text p{font-size:16px; color:#333; margin-top:5px}
.dor_caution li{color:#000}

.teacher_btn{position:relative; margin:0 auto; width:600px}
.teacher_btn>ul{display:flex; flex-wrap:wrap; margin-top:30px}
.teacher_btn>ul>li{width:49%; margin-left:2%; background-color:#3d3d3d; border-radius:10px}
.teacher_btn>ul>li:first-child{margin-left:0; }
.teacher_btn>ul>li.li1{width:100%; margin-left:0;text-align:center;font-size:25px;line-height:28px;padding:20px 0; color:#FFF;background-color:#3d3d3d; border-radius:10px}
.teacher_btn>ul>li>a{text-align:center; font-size:25px; display:block; line-height:28px; padding:20px 0; color:#FFF}
.teacher_btn>ul>li>a span{font-size:14px}

.teacher_btn2{position:relative; margin:0 auto; width:600px}
.teacher_btn2>ul{display:flex; flex-wrap:wrap; margin-top:30px}
.teacher_btn2>ul>li{width:49%; margin-left:2%; background-color:#3d3d3d; border-radius:10px}
.teacher_btn2>ul>li:first-child{margin-left:0; }
.teacher_btn2>ul>li.li1{width:100%; margin-left:0;text-align:center;font-size:25px;line-height:28px;padding:20px 0; color:#FFF;background-color:#3d3d3d; border-radius:10px}
.teacher_btn2>ul>li>a{text-align:center; font-size:25px; display:block; line-height:28px; padding:20px 0; color:#FFF}
.teacher_btn2>ul>li>a span{font-size:14px}

.pop_area, .popup_area {  z-index: 501; overflow: hidden; position: absolute;  top: 50%; left: 50%; max-width: 95%; width:400px; background-color: #fff;  padding: 0 0 20px 0 !important;  max-height:450px; overflow-y:scroll; transform:translate(-50%,-50%)}
#search_school h1 { padding: 15px 0 10px 0; font-size: 28px;text-align: center; border-bottom: 1px solid #ccc;}
.popup_area .search_area ul li { overflow: hidden;float: none; margin: 0px; border-bottom: 1px solid #ddd; font-size: 15px;text-align: left;}
.search_area .input_area {position: relative; padding: 17px 20px;}
.popup_area .search_area ul li {overflow: hidden; float: none;margin: 0px;border-bottom: 1px solid #ddd;font-size: 15px; text-align: left;}
#schoolTxt {width: 100%;}
.search_area .input_area p { margin-top: 5px; font-size: 12px;}
.search_area .input_area button { position: absolute; top: 15px; right: 20px; display: inline-block;}
.search_area .result_area table {background-color: #f4f4f4;border-collapse: collapse; width: 100%; height:100px; overflow-y:scroll}
.search_area .result_area table tbody tr { background-color: #fff; cursor: pointer;}
.search_area .result_area table tr td { padding: 5px;}
.search_area .result_area table tr th { padding: 5px;}
#search_school .btn_close { position: absolute; top: 20px; right: 20px; cursor: pointer;}
#search_school .btn_close i{font-size:18px}
.search_area .result_area, .search_area .btn_area { padding: 9px 20px 0;}
.result_area{max-height:350px; overflow-y:scroll}
.pop_back{    width: 100%;height: 100%;position: fixed; left: 0; top: 0; background-color: rgba(0,0,0,0.8); display: none; z-index: 9999;}
.input_area p{background-color:#FFF; text-align:left}
.search_school{ z-index: 501; overflow: hidden; position: absolute;  top: 50%; left: 50%; min-width: 300px; width:400px; background-color: #fff;  padding: 0 0 20px 0 !important;  max-height:450px;  transform:translate(-50%,-50%); border-radius:20px}

.find-wrap{display:flex; flex-wrap:wrap}
.find-wrap dl { width: 50%;box-sizing: border-box; border: 1px solid #cccccc; padding: 50px 0; text-align: center; background-color: #fbfbfb;}
.find-wrap dl dt { font-size: 24px; color: #343434;}
.find-wrap dl .txt { padding: 30px 0; color: #777;}
.find-wrap dl .input > div { width: 70%; margin: 0 auto; text-align: left;}
.find-wrap dl.find-email .input label {width: 20%;}
.find-wrap dl.find-email .input span {  width: 80%;}
.find-wrap dl .input > div:after { clear: both; display: block; content: '';}
.find-wrap dl .input > div + div { margin-top: 5px;}
.find-wrap dl .input label { float: left; line-height: 32px; font-size: 16px;}
.find-wrap dl.find-sms .input label { width: 25%;}

.map_ul>li{font-size:16px; font-weight:500}

.teacher1_wrap{width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.8); display:none; z-index:9999}
.teacher2_wrap{width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.8); display:none; z-index:9999}
.certification-wrap2{text-align:center; border:1px solid #DDD; box-sizing:border-box; margin-top:30px; position:absolute; width:1000px; background-color:#FFF; left:50%; top:50%; transform:translate(-50%,-50%);}
.certification-wrap2 h3{width:100%; background-color:#EEE; padding:10px 0; font-weight:bold; font-size:25px}
.certifi-wrap{padding:40px 0}
.certification-wrap2 .guide { font-size: 15px; line-height: 1.75em; margin-bottom: 20px;}
.certification-wrap2 .guide em {  color: #ed1b24;}
.certification-wrap2 .check-agree-txt { color: #777;line-height: 1.75em;}
.certification-wrap2 label { display: inline-block; margin: 20px 0;}
.btn.middle {height: 41px; line-height: 40px; font-size: 15px;}
.btn.wide { padding: 0 45px;}

.teacher_close{position: absolute; right: 5px;top: 5px; background: url(../../img/oldimg/btn_close2.png) center center no-repeat; width: 40px;  height: 40px;text-align: left; text-indent: -999px; overflow: hidden; cursor:pointer}
.cer_wrap .certification-wrap2{transform:none; width:100%; left:0; top:0; position:relative}



.certification-wrap2 dl{padding:40px; box-sizing:border-box}
.certification-wrap2 .dot-list{text-align:left}
.cer_wrap2_close{position:absolute; font-size:30px; top:0px; right:10px}
.certification-wrap2 .use-guide { margin: 30px 0 0 0; border-top: 1px dotted #bababa;text-align: center; color: #777;}
.certification-wrap2 .use-guide p {padding: 20px 10px;}
.certification-wrap2 .use-guide .links { background-color: #efefef; padding: 7px 0; font-weight: 600;}
.certification-wrap2 .use-guide .links a {background:url(../../img/oldimg/icon_link.png) left center no-repeat; padding-left: 19px; line-height: 14px;margin: 0 20px;color: #777; display:inline-block}

.cer_tab_wrap .certification-wrap2{margin-top:0}
.cer_tab_wrap .faq1{display:block}
/*tb - */
.tb_select_menu{position:absolute; bottom:55px; left:50%; top:50%; transform:translate(-50%,20%); width:580px }
.tb_select_menu>ul{overflow:hidden;}
.tb_select_menu>ul>li{float:left; background-color:rgba(50,40,27,0.8); margin-left:20px; width:80px; height:80px; border-radius:80px; line-height:80px; box-sizing:border-box; border:2px solid #FFF}
.tb_select_menu>ul>li:first-child{margin-left:0}
.tb_select_menu>ul>li>a{display:block; /*padding:5px 20px;*/ color:#FFF; font-size:20px; text-align:center}
.tb_select_menu>ul>li.select{background-color:#fed900;}
.tb_select_menu>ul>li.select a{color:#000}
.brand_wrap h3{text-align:center; font-weight:900; font-size:30px}
.brand_wrap>p{font-size:20px; margin-top:10px; color:#666; text-align:center}
.sub_banner>h2.rfbook_title2{top:40%}

.brand_list{position:relative; display:inline-flex; width:100%; margin:50px auto 0}
.brand_list>li{width:22.5%; margin-left:2%; background-color:#FFF; transition:0.5s; position:relative; padding-bottom:35px; border:1px solid #CCC; box-sizing:border-box}

.brand_list>li:hover{ transform:scale(1.05,1.05); z-index:1; box-shadow:0px 0px 15px #AAA}
.brand_list>li>figure>img{width:100%; height:360px}
.brand_list>li>.brand_text{border-top:1px solid #CCC; padding:15px; box-sizing:border-box}
.brand_list>li>.brand_text h4{font-weight:bold; font-size:18px}
.brand_list>li>.brand_text p{color:#333; margin-top:10px}
.brand_list>li>.brand_text a{right:15px; position:absolute; bottom:15px; font-size:18px; color:#555; font-weight:bold}
.brand_list>li>.brand_text a img{transform:translateY(5px); margin-left:5px}
.brand_btn{position:relative; width:180px; height:45px; margin:0 auto; background-color:#403a3a; margin-top:50px; cursor:pointer}
.brand_btn a{color:#FFF; text-align:center; font-size:18px; font-weight:bold; line-height:45px; width:100%; display:block}

.tb_bottom{position:relative; max-width:1200px; left:50%; margin-left:-600px; display:inline-flex; flex-wrap:wrap}
.tb_news{width:580px}
.tb_news>h3{font-size:25px; font-weight:bold; padding:0 15px; box-sizing:border-box}
.tb_news>ul{border-top:1px solid #CCC; margin-top:10px}
.tb_news>ul>li{border-bottom:1px solid #CCC; position:relative}
.tb_news>ul>li span{position:absolute; right:10px; bottom:0}
.tb_news>ul>li>a{display:block; line-height:45px; padding:0 10px; box-sizing:border-box; font-size:16px; color:#AAA}
.tb_news>ul>li>a p{ font-size:16px; color:#AAA; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tb_banner_wrap{width:580px; margin-left:40px; height:250px; overflow:hidden}
.tb_banner_wrap .bx-wrapper .bx-pager{position:absolute;}

.tb_tabs>ul{display:flex; flex-wrap:wrap; /*border-top:1px solid #AAA*/}
.tb_tabs>ul>li{width:25%; background-color:#FFF; color:#000; border:1px solid #AAA; box-sizing:border-box; border-left:none; border-top:1px solid #AAA; display:block; padding:10px 0}
.tb_tabs>ul>li:nth-child(n+5){ border-top:none}
.tb_tabs>ul>li:nth-child(4n+1){border-left:1px solid #AAA}
.tb_tabs>ul>li:hover{background-color:#EEE}
.tb_tabs>ul>li.select a{color:#FFF}
.tb_tabs>ul>li.select:hover{background-color:#373737}
.tab_row5>ul{display:flex; flex-wrap:wrap; /*border-top:1px solid #AAA*/}
.tab_row5>ul>li{width:20%; background-color:#FFF; color:#000; border:1px solid #AAA; box-sizing:border-box; border-left:none; border-top:1px solid #AAA;padding:10px 0; text-align:center}
.tab_row5>ul>li a{display:block}
.tab_row5>ul>li:nth-child(n+5){border-left:none}
.tab_row5>ul>li:nth-child(n+6){ border-top:none}
.tab_row5>ul>li:nth-child(5n+1){border-left:1px solid #AAA}
.tab_row5>ul>li.select{background-color:#373737}
.tab_row5>ul>li.select a{color:#FFF}
.tab_row5>ul>li.select:hover{background-color:#373737}
.tab_row5>ul>li:hover{background-color:#EEE}

.tb_check_wrap{position:relative; margin-top:10px}
.tb_check_wrap>p{text-align:right; font-size:17px; margin-right:10px; margin-bottom:10px; cursor:pointer}
.tb_check_wrap>p>i{font-size:20px; margin-left:5px}
.tb_check_list{position:relative; width:100%; box-sizing:border-box; border:1px solid #CCC;}
.tb_check_list>ul>li{display:table; width:100%; border-bottom:1px solid #CCC;}
.tb_check_list>ul>li:last-child{border-bottom:none}
.tb_check_list>ul>li>div{display:table-cell; vertical-align:middle; color:#555}
.tb_check_existing{position:relative; width:100%; box-sizing:border-box; border:1px solid #CCC;}
.tb_check_existing>ul{display:flex; flex-wrap:wrap}
.tb_check_existing>ul a{display:block; width:130px; margin:10px 0; text-align:center}
.tb_check_name{width:20%; text-align:center; box-sizing:border-box; padding:10px; border-right:1px solid #CCC; font-weight:bold; font-size:16px}
.tb_check{overflow:hidden; padding:10px 0; padding-left:2%; box-sizing:border-box;}
.tb_check>ul{display:table; clear:both; width:100%; table-layout:fixed}
.tb_check>ul>li{display:table-cell; float:left; padding:0 10px; position:relative}
.tb_check>ul>li>a::after{position:absolute; left:5px; content:"·"; border-radius:5px; }
.tb_check>ul>li>a{display:block;margin:5px 0}
.tb_check>ul>li>a:hover{font-weight:bold}
.tb_check label{float:left; /*width:140px;*/ font-size:15px; margin-bottom:5px; margin-top:5px}
.tb_check_list2 .tb_check{padding-left:1%}
.tb_check_list2 .tb_check>ul>li>a{width:100%}
.tb_search_wrap{position:relative; margin-top:30px; display:table; width:100%}
.tb_search_wrap div{display:table-cell; vertical-align:middle}
.tb_search{width:85%}
.tb_search_but{width:15%}
.tb_search input[type="text"]{width:100%; height:50px; border:1px solid #AAA}
.tb_search input::placeholder{padding-left:20px}
.tb_search_but button{width:100%; background-color:#3f311b; padding:15px 0; color:#FFF; font-size:16px; font-weight:bold;}
.type-multi dl{display:table}
.type-multi dl dd{display:table-cell}
.type-multi dl dt{display:table-cell}
.tb_book_list{position:relative; margin-top:70px;}
.tb_book_list h3{font-weight:bold; font-size:23px; border-bottom:1px solid #000; width:100%; padding-bottom:5px; padding-left:10px; box-sizing:border-box; overflow:hidden}
.tb_book_list h3 span{float:right; cursor:pointer}
.referBook-list{position:relative; margin-top:30px}
.referBook-list>p{font-weight:bold; font-size:16px; margin-left:2%}
.referBook-list>ul{display:inline-flex; flex-wrap:wrap}
.referBook-list>ul>li{width:47%; margin-left:2%; border:1px solid #CCC; box-sizing:border-box; overflow:hidden; margin-bottom:2%}
/*.referBook-list>ul>li:nth-child(3n+1){margin-left:0}*/
.referBook-list>ul>li>div{float:left}
.referBook-list>ul>li .photo{width:40%;box-sizing:border-box; padding:15px; height:100%}
.referBook-list>ul>li .photo img{ box-shadow: 6px 6px 0 rgba(232,232,232,1); box-sizing:border-box; border:1px solid #CCC; height:100%}
.referBook-list .title a{font-weight:bold; font-size:20px}
.referBook-list .info{width:58%; box-sizing:border-box; padding-left:1%; padding-right:1%; padding-top:30px}
.referBook-list ul{margin-top:10px; width:100%}
.referBook-list ul>li{position:relative; font-size:16px; color:#555; padding-left:10px; margin-bottom:5px}
.referBook-list ul.info_list>li::after{position:absolute; content:"-"; left:0; top:0 }
.referBook-list .info a.btn{position:absolute; bottom:15px}

.referBook-list ul>li button:hover{background-color:#fed900; color:#333}

.btn-dataroom {display: inline-block; height: 35px;line-height: 35px; background-color: #353535;padding: 0 25px 0 48px;color: #FFF; font-weight: 600;vertical-align: top;font-size: 14px;position: absolute;top:-5px}
.btn-dataroom:before {display: inline-block;width: 14px; height: 15px; content: '';background:url(../../img/oldimg/icon_dataroom.png) center center no-repeat; position: absolute;left: 25px;top: 10px;}

.page-title{position:relative; margin-bottom:10px; border-bottom:1px solid #DDD; padding-bottom:10px}
.referBook-search{text-align:right; position:absolute; right:0; top:0}
.referBook-search input[type="text"]{height:35px; margin-right:-10px; width:275px}
.referBook-search .keyword { background-color: #f7f7f7; border: 1px solid #cdccd1;border-right: none; width: 300px; height: 35px; vertical-align: top; margin-right:-10px}
.referBook-search .command { width: 35px;height: 35px; text-align: left;text-indent: -999px;overflow: hidden; background: #353535 url(../../img/oldimg/btn_search.png) center center no-repeat; vertical-align: top; }
.referBook-search a{top:0; right:0; position:relative}

.jihak_title{position:relative; font-size:30px; padding-left:15px; font-weight:bold; color:#555; margin-bottom:20px}
.jihak_title::after{position:absolute; width:5px; height:5px; border-radius:5px; background-color:#AAA; left:0; content:""; top:50%}
.rfbook_title{font-weight:bold; font-size:20px; margin-bottom:10px; margin-top:30px;}
.serise_btn{font-weight:bold; font-size:20px; cursor:pointer; margin-bottom:5px}
.tb_view_tabs{display:none}
.con-category-wrap{border-top:2px solid #454545;}
.con-category-wrap>ul{display:flex; flex-wrap:wrap; background-color:#EEE}
.con-category-wrap>ul>li{background-color:#EEE; /*display:table-cell;*/ vertical-align:middle; border-left:1px solid #FFF; border-bottom:1px solid #FFF; box-sizing:border-box; border-top:none; padding:10px 0; transition:0.5s; width:14.28%}
.con-category-wrap>ul>li:hover{background-color:#DDD}
/*.con-category-wrap>ul>li:nth-child(9n+1){border-left:none}*/
.con-category-wrap>ul>li:last-child{border-right:1px solid #FFF}
.con-category-wrap>ul>li a{text-align:center; display:block;}
.con-category-wrap>ul>li.on{background-color:#DDD}
.referBook-view-info { background-color: #fbfbfb; box-sizing:border-box; margin-bottom: 40px; width:100%; border-top:4px solid #454545;  position:relative; padding-bottom:40px}
.referBook-view-info>div{ display:table; flex-wrap:wrap; width:100%;}
.referBook-view-info>div>div{display:table-cell; vertical-align:top; box-sizing:border-box; vertical-align:middle}
.referBook-view-info .photo-wrap{box-sizing: border-box;padding: 40px 6px 6px 10px; width:20%}
.referBook-view-info .photo-wrap img {border: 1px solid #cfcfcf; box-shadow: 6px 6px 0 rgba(214,214,214,1);height: auto; max-width: 100%;}
.referBook-view-info .info-wrap{width:55%; padding-top:40px; padding-left:3%; padding-right:3%}
.referBook-view-info .title {font-size: 30px; margin-bottom: 15px;}
.referBook-view-info .info-list>ul{border-top:1px solid #AAA; border-bottom:1px solid #AAA; padding:15px 10px}
.referBook-view-info .info-list>ul>li{padding-left:20px; position:relative; font-size:18px; margin-bottom:5px; display:table}
.referBook-view-info .info-list>ul>li>span{width:80px; display:table-cell;}
.referBook-view-info .info-list>ul>li::after{position:absolute; top:0; content:"-"; left:0}
.referBook-view-info .sns-info {display: inline-block;}
.referBook-view-info .sns-info span {display: inline-block;height: 30px;line-height: 30px; border-radius: 15px;  padding: 0 22px 0 38px; position: relative;font-weight: 600;color: #000;}
.referBook-view-info .sns-info span:before {
    display: inline-block;width: 30px;height: 30px; content: ''; position: absolute;left: -1px;top: 0;}
.referBook-view-info .sns-info span.facebook::before {background:url(../../img/user/view_sns_facebook.png) 0 0 no-repeat;}
.referBook-view-info .sns-info span.twitter { margin-left: 10px;}
.referBook-view-info .sns-info span.twitter::before { background: url(../../img/user/view_sns_twitter.png) 0 0 no-repeat;}
.referBook-view-info .btns{overflow:hidden; margin-top:20px}
.price{font-weight:bold; font-size:20px; position:absolute}
.referBook-view-info>div>div.referBook_right{vertical-align:top}
.referBook_right{width:25%; background-color:#f4f4f4}
.referBook_right>ul{overflow:hidden; box-sizing:border-box; width:100%; height:370px}
.referBook_right>ul>li{width:50%; float:left; height:33.33%; box-sizing:border-box; position:relative}

.referBook_right>ul>li:first-child{ border-bottom:1px solid #FFF; border-right:1px solid #FFF}
.referBook_right>ul>li:nth-child(2){border-bottom:1px solid #FFF;}
.referBook_right>ul>li:nth-child(3){border-bottom:1px solid #FFF; border-right:1px solid #FFF}
.referBook_right>ul>li:nth-child(4){border-bottom:1px solid #FFF;}
.referBook_right>ul>li:nth-child(5){ border-right:1px solid #FFF}
.referBook_right>ul>li:nth-child(6){}

.referBook_right>ul>li figure{text-align:center; position:absolute; width:100%; top:50%; transform:translateY(-50%)}
.referBook_right>ul>li p{font-size:16px; }
.referBook-view-content{width:100%; margin-top:30px}
.referBook-detail-wrap .intro-base img{max-width:100%}

.db-table { border-top: 2px solid #454545;border-bottom: 1px solid #454545; margin-top:20px}
.db-table table{width:100%}
.db-table thead tr th:first-child { border-right: 1px solid #d1d1d1;}
.db-table thead th + th { border-left: 1px solid #d1d1d1;}
.db-table thead th {border-bottom: 1px solid #454545;color: #454545; padding: 10px 0;text-align: center;}
.db-table tr:last-child td {padding-bottom: 20px;}
.db-table tr:first-child td {padding-top: 20px;}
.db-table tr td:first-child { border-right: 1px solid #d1d1d1;}
.db-table td + td { border-left: 1px solid #d1d1d1;}
.db-table td { padding: 10px 0; text-align: center;}
.db-table td.title {text-align: left;padding-left: 15px;}

.result_text{font-size:16px; padding:20px 0 10px}
.referBook-result-wrap{border-top:2px solid #454545; }
.result-list{position:relative; border-bottom:1px solid #DDD; padding:0 0 30px}
.result-list>ul{display:inline-flex; flex-wrap:wrap; width:100%}
.result-list>ul>li{width:15%; margin-left:2%; text-align:center; margin-top:30px}
.result-list>ul>li:nth-child(6n+1){margin-left:0}
.photo img {border: 1px solid #cfcfcf;box-shadow: 6px 6px 0 rgba(232,232,232,1); box-sizing:border-box}
.result-list>ul>li img{max-width:100%; width:auto}
.result-list>ul>li p{margin-top:10px; font-weight:bold}
.referBook-result-wrap dt{font-weight:bold; font-size:25px; padding-top:30px}
.referBook-result-wrap .result-wrap2 dt span {display: inline-block; height: 25px;line-height: 25px;padding: 0 20px;border-radius: 13px; background-color: #e4e4e4; margin-left: 10px; font-size: 13px;vertical-align: middle; font-weight: normal;}
.result-wrap1{border-bottom:2px solid #454545}
.result-wrap2{margin-top:20px}
.data-none-msg{font-size:18px; font-weight:bold; text-align:center; padding:20px; box-sizing:border-box}

.rfbook_pds_list{position:relative; margin-bottom:50px}
.rfbook_pds_list .con-title{border-bottom:2px solid #454545; padding-bottom:10px; margin-bottom:0}
.rfbook_pds_list h4{font-weight:bold; font-size:25px; padding-bottom:10px; padding-top:50px}
.rfbook_pds_list h4:first-child{padding-top:0}
.rfbook_pds_list h4 span{margin-left:10px; font-size:18px}
.rfbook_list{border-bottom:1px solid #EEE; padding:30px 0; } 
.rfbook_list:last-child{border-bottom:none}
.rfbook_list>ul{display:inline-flex; width:100%; flex-wrap:wrap}
.rfbook_list>ul>li{ width:48.5%; margin-left:3%;  border:1px solid #CCC; box-sizing:border-box; /*display:table;*/ padding:10px; margin-bottom:3%}
.rfbook_list>ul>li:nth-child(2n+1){margin-left:0}
.rfbook_list>ul>li .photo{width:25%; padding:0 10px 0 0; box-sizing:border-box}
.rfbook_list>ul>li .photo img{max-width:100%;}
.rfbook_list>ul>li>div{display:table-cell; vertical-align:top}
.rfbook_list>ul>li .title a{font-size:20px; font-weight:bold}
.rfbook_list .info{box-sizing:border-box; padding-left:10px}
.rfbook_list .info ul{margin-top:10px}
.rfbook_list .info li{font-size:16px; margin-top:10px; display:table}
.rfbook_list .info li p{font-size:16px}
.rfbook_list .info li span{font-weight:bold;position:relative; display:table-cell; width:100px; padding-right:10px}
.rfbook_list .info li span::after{position:absolute; content:":"; right:5px}
.rfbook_list .info li a img{vertical-align:middle;}

.referBook-detail-wrap img{max-width:100%}

.board_view .view-sns { font-weight: 600;padding: 10px 20px; overflow:hidden}
.board_view .view-sns ul {float: right;}
.board_view .view-sns li { float: left; margin-left: 10px; line-height: 27px;}
.board_view .user_recommend { padding: 10px 20px;text-align: right;}

.pds_gallery_wrap{border-top:1px solid #CCC}
.pds_gallery_wrap li{border: 1px solid #e5e5e5;border-radius: 4px;cursor: pointer;width:100%; border-top:none;}
.acc-btn{box-sizing:border-box; padding:10px 10px 10px 0;  background-color: #f7f6fb;}
.side-menu-scroll-on{margin-left: 80px;}
.pds_gallery_wrap li strong{ color: #444; margin-left:10px;font-size: 1.1em;display: inline-block;}
.pds_gallery_wrap li strong input[type="checkbox"]{margin-right:10px}
.pds_gallery_wrap li.open, .pds_gallery_wrap li.open:hover {background-color: #fff;}
.pds_gallery_wrap li .stats-title-img {border-right: 1px solid #e5e5e5;float: left;padding:4px; width: 41px;}
.pds_gallery_wrap li .stats-tab-img-area{background-color:#3f311b; padding:12px 15px;text-align: center;/* background-image:url(../../img/oldimg/status_open.png); background-repeat:no-repeat; background-position:center*/}
.pds_gallery_wrap li .js_on{background-image:url(../../img/oldimg/status_close.png)}
.acc-content-inner {padding:15px 0}

.pds_gallery_wrap li.acc-btn2 .stats-tab-img-area{padding:7px 9px}

li.acc-content {height:auto;width:100%; margin:0 auto;overflow:hidden; background:#2C3E50; background-color: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;border-radius: 4px; box-sizing:border-box}
.openContent{height:0px !important;}
.closeContent{display:block !important}
.acc-content-inner .title {margin: 0 auto; text-align: left; padding-bottom: 5px; font-size: 15px;font-weight: 600;}
.acc-content-inner .title span{font-size:15px; font-weight:600; box-sizing:border-box}
.acc-content-inner ul{display:flex; flex-wrap:wrap}
.acc-content-inner li{position: relative; border:none;line-height: normal; width: 22.5%;text-align: center; margin-left:2%; margin-bottom:20px}
.acc-content-inner li img {max-height:200px; vertical-align:middle; max-width:100%}
.acc-content-inner li .inner_img{width:100%; height:95%; border:1px solid #CCC; box-sizing:border-box; position:relative}
.acc-content-inner li .inner_img:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
.pds_gallery_wrap>div{border-bottom:1px solid #e5e5e5}

.acc-content-inner ul.depth{width:95%; margin-left:2.5%}
.acc-content-inner ul.depth li{float:none; text-align:left; margin-bottom:0; border-bottom:1px solid #f4f4f4; width:100%; margin-left:0; padding:10px; box-sizing:border-box}
.acc-content-inner ul.depth li:first-child{border-top:1px solid #f4f4f4}
.acc-content-inner ul.depth li img{width:auto; border:none; vertical-align:middle; margin-left:10px}

.acc-content-inner li.acc-content2{display:none; width:96%}
.acc-content-inner li.acc-btn2{text-align:left; margin-bottom:0; width:100%; margin-left:0;     line-height: 29px;
    border-top: 1px dotted #bdbdbd;
    padding: 1px 0;
    position: relative;}
.acc-content2 li:nth-child(n+5){margin-top:20px}



.total{margin-bottom:-20px; font-size:16px; text-align:right; margin-right:10px; margin-top:30px}

.referSite-table th a { display: block; padding-right: 35px;font-size:15px; font-weight:bold; position: relative;}
.referSite-table th a .go {display: inline-block; width: 30px; height: 30px; line-height: 28px;text-align: center; border: 2px solid #cbcbcb; position: absolute; right: 0;top: 50%; margin-top: -15px; border-radius: 19px;font-size: 13px; transition:0.5s}
.referSite-table th a .go:hover{border:2px solid #fed900}
.referSite-table th { font-weight: bold;border-top: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;padding: 25px 30px; text-align: left; font-size: 16px; width: 25%;}
.referSite-table td { padding: 20px; text-align: left; border-top: 1px solid #d1d1d1;}

.con-category-wrap dl{display:table; width:100%}
.con-category-wrap dl dd{display:table-cell; padding-left:5%; box-sizing:border-box; vertical-align:middle}
.con-category-wrap dl dd ul{overflow:hidden}
.con-category-wrap dl dd ul>li{float:left; padding:10px 0}
.con-category-wrap dl dd ul>li>a {display: block; width: 120px;margin: 5px 0; position:relative; padding-left:10px}
.con-category-wrap dl dd ul>li>a:after{position:absolute; left:0; content:"·"; border-radius:5px; }
.con-category-wrap dl dt{display:table-cell; width: 20%; text-align: center; box-sizing: border-box; padding: 10px; border-right: 1px solid #CCC; font-weight: bold; font-size: 16px; background-color:#f5f5f5}
.con-category-wrap dl dd ul>li:hover a{font-weight:bold}
.downloadData-list{padding-top:30px}
.downloadData-list.two li { float: left; width: 47%;margin-left:2%;}
.downloadData-list li { padding: 0 0 25px 0;text-align: center;}
.downloadData-list li a { display: block; height: 100px; overflow: hidden; margin: 0 auto; background-color: #fff; /*box-shadow: 6px 6px 0 rgba(214,214,214,1)*/border:1px solid #CCC}
.downloadData-list table { width: 100%;}
.downloadData-list .type {width: 100px; vertical-align: top;}
.downloadData-list .type span { display: block; height: 100px;}
.downloadData-list .pdf { background:#3f311b url(../../img/oldimg/special_file_pdf.png) center 16px no-repeat; color: #fff; box-sizing: border-box; padding-top: 70px;}
.downloadData-list .hwp { background: #327ede url(../../img/oldimg/special_file_hwp.png) center 16px no-repeat;color: #fff; box-sizing: border-box;padding-top: 70px;}
.downloadData-list table td { height: 100px;}
.downloadData-list.two .title {text-align: left;}
.downloadData-list .title { text-align: center; font-size: 15px; font-weight: 600;vertical-align: middle; padding: 10px;}

.book-order-step {
    text-align: center;
    margin-bottom: 50px;
}
.book-order-step ul li {
    display: inline-block;
}
.book-order-step ul li.step1.on span {
    background:url(../../img/user/order_step1_on.png) center top no-repeat;
}
.book-order-step ul li.step1 span {
    background:url(../../img/user/order_step1.png) center top no-repeat;
}
.book-order-step ul li.step2.on span {
    background: url(../../img/user/order_step2_on.png) center top no-repeat;
}
.book-order-step ul li.step2 span {
    background: url(../../img/user/order_step2.png) center top no-repeat;
}
.book-order-step ul li.step3.on span {
    background: url(../../img/user/order_step3_on.png) center top no-repeat;
}
.book-order-step ul li.step3 span {
    background: url(../../img/user/order_step3.png) center top no-repeat;
}
.book-order-step ul li span { display: inline-block;width: 120px; padding: 90px 0 10px 0; font-size: 17px;font-weight: 600; margin: 0 auto;}
.book-order-step ul li.step2:before, .book-order-step ul li.step3:before { display: inline-block; width: 70px; height: 1px;  background-color: #888; content: ''; vertical-align: top; margin-top: 40px;}

.event-list2{position:relative; padding:40px 0 0 0}
.event-list2>ul{display:flex; flex-wrap:wrap}
.event-list2>ul>li{margin-left:5%; width:26.66%; margin-bottom:3%}
.event-list2>ul>li .photo a{display:block; text-align:center}
.event-list2 .info { max-width: 348px; text-align: left; padding-left: 57px; padding-top:20px; padding-bottom:20px;position: relative;}
.event-list2 .info .status { display: inline-block;width: 47px; height: 47px; border-radius: 24px; text-align: center; line-height: 47px;font-weight: 600; background-color: #777777; color: #fff; position: absolute;left: 0;top: 50%; transform:translateY(-50%)}
.event-list2 .title a{box-sizing: border-box; font-weight: 600;color: #272727; padding: 5px 0;}

.tbl_pds{width:100%}
.tbl_pds label{margin-left:5px}
.tbl_pds tbody th { font-size: 14px;text-align: left;line-height: 38px;border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; background-color: #f7f6fb;}
.tbl_pds tbody button.btn_toggle_pds { width: 40px;  height: 40px; margin-right: 10px; background: #3f311b url(../../img/oldimg/status_open.png) no-repeat center center; text-indent: -4999em;}
.tbl_pds tbody .depth_1 { padding-left: 40px;}
.tbl_pds tbody td > ul > li {line-height: 29px;  border-top: 1px dotted #bdbdbd; padding: 1px 0; position: relative;}
.tbl_pds tbody td ul li img { vertical-align: middle;; margin:0 5px}
.tbl_pds tr.closeContent{display:none !important}
.acc-content4{display:none}
.tbl_pds tbody .depth_2 button.btn_toggle_pds { width: 30px; height: 30px;}
.tbl_pds tbody td { vertical-align: top; padding: 10px 0;}
.tbl_pds tbody .depth_2 ul{box-sizing:border-box; padding:0 40px;}
.tbl_pds tbody .depth_2 ul li { padding: 5px 0; line-height: 22px;     border-top: 1px dotted #bdbdbd;}
.tbl_pds tbody button.btn_toggle_pds.js_on { background: #3f311b url(../../img/oldimg/status_close.png) no-repeat center center;}
/*#init20{display:block}
#init0>li:first-child>label{display:none}
#init0>li:first-child>input[type="checkbox"]{display:none}
#init0>li:first-child>button{display:none}*/
/*book*/
.book_intro .sub_intro_img{background-color:#FFF; box-sizing:border-box; /*box-shadow:0px 10px 10px grey*/border:1px solid #f0f0f0;}
.intro_more i{font-size:20px; margin-left:10px}
.order-guide-top { background-color: #373737; margin-bottom: 30px;color: #fff; font-size: 18px; box-sizing: border-box; padding: 11px 30px; overflow: hidden;}
.bank{display:table}
.bank>div{display:table-cell; vertical-align:middle; overflow:hidden}
.bank>div h3{color:#FFF; font-size:16px; font-weight:bold; margin-left:15px}
.bank>div p{color:#FFF; float:left; margin-left:15px; font-size:18px; cursor:text}
.bank_text p:last-child{width:100%}
.order-book-item h5{margin-bottom:10px; font-weight:bold; font-size:18px; margin-top:35px;}
.book_bottom_text {margin-top:50px;}
.book_bottom_text .con-title{margin-top:25px;font-weight:800; color:#56442c}
.book_bottom_text .con-title span{vertical-align:top; margin-right:10px}
.book_bottom_text ul{padding-left:20px; box-sizing:border-box}
.book_bottom_text ul li h4{font-weight:bold; font-size:20px;}
.book_bottom_text li{margin-bottom:20px;}
.book_bottom_text li p{font-size:16px; margin-bottom:5px}

.book_top_sel{position:relative; width:96%; margin:0 auto; border-bottom:1px solid #CCC; border-top:2px solid #454545; box-sizing:border-box; padding:20px 0}
.book_top_sel select{padding:7px 5px}
.book_top_sel>ul>li{display:table; margin-bottom:10px; width:100%}
.book_top_sel>ul>li>div{display:table-cell; vertical-align:middle}
.book_top_sel>ul>li .book_sel1{ font-size:18px; font-weight:bold; color:#555; padding:0 0 0 30px; box-sizing:border-box; width:100px}

.book_list .referBook-list{margin-top:0}
.book_list .con-title{overflow:hidden; padding:0 30px; box-sizing:border-box}
.book_list .con-title span{float:right; font-size:20px; padding-top:10px}
.book_list .info button{margin-top:20px; transition:0.5s;}
.book_list .info button:last-child{right:20px}
.book_list .info button i{font-size:16px; margin-left:5px; vertical-align:middle}

.book_wait{text-align:center; padding:50px 0}
.wati_text{font-size:30px; color:#666}
.wati_text span{font-weight:bold; color:#000}
.rgbook_btn{overflow:hidden; position:absolute; bottom:15px}
.rgbook_btn>button{float:left}
.order_btn_wrap{position:absolute; bottom:15px}

.bx_tab .caution_btn{position:absolute; right:0; top:0; cursor:pointer}
.bottle_list{position:relative; width:500px; margin:0 auto}
.bottle_list>ul{display:flex; flex-wrap:wrap}
.bottle_list>ul>li{margin-left:25px; width:150px; height:150px; border-radius:150px; border:4px solid #675b60; box-sizing:border-box; position:relative}
.bottle_list>ul>li p{position:absolute; bottom:20px; text-align:center; width:100%; font-size:20px }
.bottle_list>ul>li.on{background-color:#fed900; border:none}
.bottle_list>ul>li:first-child{margin-left:0;} 

.bottle_list>ul>li{background-position:40px 30px; background-repeat:no-repeat}
.bottle_list>ul>li.bottle1{background-image:url(../../img/user/bottle1.png)}
.bottle_list>ul>li.bottle2{background-image:url(../../img/user/bottle2.png)}
.bottle_list>ul>li.bottle3{background-image:url(../../img/user/bottle3.png); background-position:35px 25px}

.bottle_list>ul>li.bottle1.on{ background-image:url(../../img/user/bottle1_on.png); }
.bottle_list>ul>li.bottle2.on{ background-image:url(../../img/user/bottle2_on.png); }
.bottle_list>ul>li.bottle3.on{background-image:url(../../img/user/bottle3_on.png); }

.bottle_text{margin-top:50px; padding:30px 20px; box-sizing:box-sizing}
.bottle_text li{font-size:18px; color:#3f311b}
.board-list .total td { background: #fffafa; border-top: 1px solid #aaa; font-size: 18px; padding-bottom:20px}
.btn_icon i{font-size:18px; margin-left:5px;}
.btn_icon i.fa-edit{vertical-align:middle}
.btn_icon i.fa-gift{vertical-align:middle; font-size:23px; margin-top:-5px}

.order_list_btn a{transition:0.5s;}
.order_list_btn a:hover{background-color:#fed900; color:#333}
.agree_input{display:block; text-align:center; margin-bottom:-20px; font-weight:500}

.board-regist3 td.pay_td{padding:0}
.board-regist3 td.pay_td table th{background-color:#f9f9f9}
.type-radio p {position: absolute; top: -8px;left: 300px; z-index: 1; color: #ff0000;font-size: 12px; line-height: 18px;}
.c_select { display: inline-block; margin: 0 7px 0 12px;position: relative; vertical-align: top;}

#note { width: 759px; padding-bottom:20px; background: #fff; font-size: 12px;position: absolute; z-index: 100;  right: 0; border: 1px solid #e2e2e2; display:none; top:-50px}
#note > span { display: block; font-size: 15px; font-weight: 600; color: #636363; line-height: 3; padding: 0 0 0 30px;  border-bottom: 1px solid #e2e2e2;}
#note ul { margin: 20px 0 20px 30px;}
#note ul li {margin: 0 0 10px 0; overflow:hidden}
#note ul li >span { float: left;}
#note ul li p { margin: 0 0 0 15px;}
.note_close{cursor:pointer; position:absolute; right:15px; top:10px; }
.note_close i{font-size:25px}
#note .note_btn{position:relative; margin:0 auto; display:block; width:110px; text-align:center}
.order_btn{position:absolute; right:0; cursor:pointer; top:-100px}
.book_list{position:relative}

/*my*/
.my-board-list .list-contents {display: none;}
.my-board-list .active + .list-contents {display: table-row;}
.my-board-list .list-contents dt { background-color: #f4f4f4; text-align:left; padding: 5px 10px;font-weight: 600;}
.my-board-list .list-contents dd { padding: 20px 10px; text-align:left}
.my-board-list .list-contents .reply-con dt + dd span { margin-right: 20px;}
.my-board-list .list-contents .reply-con dt + dd {border-bottom: 1px dotted #ccc; padding: 5px 10px;}

.mybook-list ul{display:flex; flex-wrap:wrap; padding:20px 0 0 0 }
.mybook-list ul li {width: 20%; text-align: center; padding: 10px 0; margin-bottom:20px}
.mybook-list ul li a {display: block; margin-bottom: 10px;}
.mybook-list ul li img { width: 133px; max-width:100%; }

.seed_wrap{padding:30px 0; }
.seed_wrap h3{font-weight:bold; text-align:center; font-size:30px}
.seed_wrap h3 span{vertical-align:middle; margin-right:10px}
.seed_wrap button{position:relative; margin:0 auto; width:250px; display:block; padding:10px 5px; margin-top:20px; border:1px solid #AAA; box-sizing:border-box; transition:0.5s}
.seed_wrap button:hover{background-color:#f5f5f5}
.btn_icon span{vertical-align:middle; margin-left:10px}
.btn_icon img{width:25px}
.seed_point h3{font-size:30px; font-weight:bold}
.seed_point h3 span{vertical-align:middle}
.seed_point h3 a{margin-left:10px}
.seed_point p{font-size:20px; color:#555}
.mypoint-status-list{margin-top:20px}
.seed_btn>a:first-child{padding-right:30px; position:relative}
.seed_btn>a:first-child img{position:absolute; right:10px}
.modalPopup_wrap{position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.5); width:100%; height:100%; z-index:9999; display:none}

.mypoint-buy-search{padding:20px 50px 0; box-sizing:border-box; overflow:hidden; border-bottom:1px solid #CCC}
.mypoint-buy-search h3{font-weight:bold; font-size:25px;  box-sizing:border-box; margin-bottom:30px}
.mypoint-buy-search div, .mypoint-buy-search dl{float:left}
.mypoint-buy-search>div{width:100%}
.mypoint-buy-search .keyword-search dt {font-weight: 600; line-height: 32px; margin-right: 10px;}
.mypoint-buy-search dl{overflow:hidden; float:right}
.mypoint-buy-search dl dd { float: left;}
.mypoint-buy-search dl dt {float: left;}
.mypoint-buy-search dl dt label{font-size:18px; font-weight:bold}
.mypoint-buy-booklist{overflow:hidden; padding:30px 0 0}
.mypoint-buy-booklist .booklist { float: left; width: 65%;}
.mypoint-buy-booklist .selected-booklist {float: right; width: 30%;}
.mypoint-buy-booklist .selected-booklist h5{font-weight:bold; font-size:18px; margin-bottom:10px}
.mypoint-buy-booklist .selected-booklist .btns{position:relative; margin:0 auto; width:87px; margin-top:10px}
.mypoint-buy-booklist .booklist ul{display:flex; flex-wrap:wrap}
.mypoint-buy-booklist .booklist ul li { width: 22.5%; margin-left:2%; margin-bottom: 30px;}
.mypoint-buy-booklist .photo img{width:auto}
.mypoint-buy-booklist .booklist .photo {  display: block; margin-bottom: 15px; text-align:center}
.mypoint-buy-booklist .booklist label { display: block; position: relative; padding-left: 20px; line-height: 1.5em; width:90%; margin-left:10%; box-sizing:border-box}
.mypoint-buy-booklist .booklist label input { position: absolute; left: 0; top: 5px;}
.mypoint-buy-booklist .booklist label em {color: #327ede;}
.buy-sum-price { text-align: right; padding: 20px; font-size: 17px; font-weight: 600;}
.buy-sum-price em { color: #327ede;}
.seed_board thead th{background-color:#EEE; border-bottom:1px solid #AAA}
.seed_board thead th + th { border-left: none;}
.seed_board td { border-top:1px solid #CCC}
.seed_board td + td{border-left:none;}

.order-save-check{position:absolute; right:0; margin-top:-30px}

.user_title{font-size:20px; font-weight:bold; margin-bottom:10px}

.modalPopup {  position: fixed; width: auto; border: 4px solid #353535; background-color: #fff; left:50%; top:50%; transform:translate(-50%,-50%); max-width:95%}
#mypointGift{width:500px;}
#mypointSave, #mypointUse{width:1100px}
.modalPopup .popContent { padding: 30px 20px; line-height: 1.5em; text-align: left;}
.modalPopup .popHead { background-color: #353535; height: 56px;line-height: 56px;text-align: left; color: #fff; font-size: 25px; font-weight: 600; padding-left: 16px;letter-spacing: -1px;}
.point-gift-wrap > div { margin-bottom: 20px; overflow: hidden;}
.point-gift-wrap > div p { margin-bottom: 5px; color: #777; font-weight: 600;}
.point-gift-wrap > div { margin-bottom: 20px; overflow: hidden;}
.point-gift-wrap > div input[type="text"] {  width: 70%; float: left;}
.point-gift-wrap > div button { width: 28%;float: right; height: 34px; padding: 0;}
.modalPopup .popContent.scroll { overflow-y: auto; height: 500px;}
.point-use{position:relative; }
.point-use>ul{display:flex; flex-wrap:wrap}
.point-use>ul>li{width:50%; box-sizing:border-box;}
.point-use>ul>li:last-child{border-left:1px solid #CCC;}
.point-use>ul .point_title{border-bottom:2px solid #AAA; text-align:center; font-weight:bold; padding:5px 0}
.point-use>ul .point_text{padding:10px 20px; box-sizing:border-box}
.modalPopup .b-close{position:absolute; right:10px; top:0; color:#FFF; font-size:30px; cursor:pointer}

/*cscenter*/
.jihak-map-info{display:table; padding-top:50px; width:100%}

.jihak-map-info>div{display:table-cell; vertical-align:top; width:50%;}
.location_map{text-align:center; padding-top:50px}
/*.cscenter_table .table-wrap{overflow-y:scroll; height:630px;}*/
.cscenter_table .table-wrap::-webkit-scrollbar-track{background-color: #CCC;}
.cscenter_table .table-wrap::-webkit-scrollbar	{width: 3px;}
.cscenter_table .table-wrap::-webkit-scrollbar-thumb{background-color: #999;}
img[usemap] {border: none;  height: auto;  max-width: 100%; width: auto;}

/*.location_map{background-image:url(../../img/map/map11.jpg); background-position:center 50px; background-repeat:no-repeat }*/

.model-selected-form { padding: 40px 25%; box-sizing: border-box;}
.model-selected-form table { width: 75%; float: left;}
.model-selected-form table th { text-align: left;width: 65px;font-size: 16px; font-weight:bold}
.model-selected-form table td {padding: 3px;}
.model-selected-form .command {  float: right;width: 24%; height: 105px;line-height: 1.25em;font-size: 16px;}

/*search list*/
.search_wrap .sub_title span{vertical-align:top}
.search_wrap{padding:150px 0 0; width:900px; margin:0 auto; position:relative}
.search_list{position:relative; box-sizing:border-box; margin-top:-20px}
.search_list>ul>li{box-sizing:border-box; border:1px solid #CCC; margin-bottom:15px; padding:30px 30px 25px; transition:0.5s; position:relative; width:100%}
.search_list>ul>li:hover{border:1px solid #AAA; background-color:#f6f6f6}
.search_list>ul>li.none_contents:hover{background-color:#FFF; border:1px solid #CCC}
.search_list>ul>li div.search_title{border-bottom:1px solid #CCC; padding-bottom:15px}
.search_list>ul>li div.search_sub{padding-top:15px;}
.search_list>ul>li div.search_sub p{font-size:16px}
.search_list>ul>li p.search_navi{color:#555; font-weight:bold; font-size:16px}
.search_list>ul>li h2{font-size:16px; font-weight:normal;text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:90%}
.search_list>ul>li h2::after{display:none}
.img_search{display:table;}
.img_search div{display:table-cell;vertical-align:middle; }
.img_search div.search_img_box{position:relative}
.search_img_box{    width: 30%; height: 150px; overflow:hidden}
.search_img_box span{vertical-align:middle; display:block; height:150px; width:100%;}
.search_img_box img{max-width:100%; transition:0.5s; position:absolute; top:50%; transform:translateY(-50%)}
.search_img_text{padding-left:30px; box-sizing:border-box;}
.search_img_text p{margin-top:20px; font-size:16px} 
/*.img_search:hover img{transform:scale(1.1,1.1)}*/

/*footer*/
.footer{position:relative; width:100%; background-color:#4d5055; padding-top:5px /*padding-bottom:30px*/}
.footer_wrap{position:relative; margin:0 auto; padding:60px 0 30px;  max-width:1200px;  }
.footer_top{position:absolute; right:20px; top:0; overflow:hidden}
.footer_top>ul{overflow:hidden; padding:30px 0; float:left}
.footer_top>ul>li{float:left; padding:10px}
.footer_top>ul>li>a{ color:#b9b9b9; font-size:17px}
.sns_list{overflow:hidden; position:relative; top:10px}
.sns_list>li{float:left; margin-left:15px; padding:0 !important}
.footer_bottom{position:relative; padding-top:50px; overflow:hidden}
.footer_wrap .foot_logo{float:left}
.footer_wrap .foot_logo a{font-size:35px; font-weight:bold; color:#FFF}
.copy{position:relative; float:left; margin-left:40px; width:75%}
.copy p{color:#FFF}

/*whale*/
.whale_text h1 br{display:none}
.whale_text{position:relative; max-width:1000px; margin:20px auto 50px }
.whale_text>p{font-size:16px; margin-bottom:15px}

.whale_text>p>span{color:#0066ff}
.whale_text>p>span>span{vertical-align:middle}
.whale_text h1{font-weight:bold; font-size:20px; margin-bottom:10px; line-height:20px}
.whale_text h1 span{color:#f00; font-size:18px}
.whale_text>ul>li{font-size:16px; margin-top:5px}
.whale_text>ul>li>span{color:#0066ff;}
.whale_text>ul>li>span>span{vertical-align:middle}
.whale_text h2::after{display:none;}
.whale_text h2{ font-weight:bold; font-size:25px; text-align:left; margin:20px 0}
.whale_text h2 img{width:40px}
.whale_text h2 span{vertical-align:middle}
.whale_text>ul>li>span.dot-list{color:#F00; font-size:12px; line-height:20px}
.whale_table table{width:100%}
.whale_table table td{text-align:center; padding-left:0}
.whale_table table td:first-child{border-right:1px solid #CCC}
.whale_table table td.aleft{padding-left:20px; box-sizing:border-box}

.tel_title{font-weight:bold; margin-bottom:10px}
.tel_change_box{margin-top:20px}
.tel_change_box button{border:1px solid #AAA}

.checkplus_success{position:relative; max-width:400px; margin:0 auto; padding:20px 0}
.checkplus_success p{text-align:center; }
.checkplus_success h1{font-size:20px; font-weight:900; text-align:center; }
.checkplus_success table{width:100%; margin-top:20px; table-layout:fixed}
.checkplus_success th{background-color:#efefef; padding:10px 0; font-weight:bold}
.checkplus_success td{border:1px solid #efefef; border-top:none; padding:10px; box-sizing:border-box; text-overflow:ellipsis; overflow:hidden}
.checkplus_success td span{font-size:10px;}


.privacy_pop{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); display:none; z-index:99}
.privacy_pop>.privacy-wrap{position:relative; max-width:600px; margin:0 auto; background-color:#FFF; top:50%; height:50%;  padding:50px 20px 30px 30px; box-sizing:border-box; transform:translateY(-50%)}
.privacy_pop>.privacy-wrap dl{overflow-y:scroll; height:100%}
.privacy_pop .privacy_close{position:absolute; right:22px; top:20px; cursor:pointer}
.privacy_pop .privacy_close i{font-size:20px}
.privacy_pop_btn{position:absolute; text-align:center; width:100%; left:0; bottom:-30px; background-color:#f4f4f4; padding:10px 0}

ul.lefrig{width:100%;}
ul.lefrig > li{width:48%;display:inline-block;}

ul.ul1{}
ul.ul1 > li{margin:5px;}

.wid100{width:100%;}
.wid30{width:30%;}
.wid25{width:25%;}
.widmin90x{min-width:90px;}
.widmin95x{min-width:95px;}
.widmin100x{min-width:100px;}

.widmax858x{width:858px;}

@media all and (max-width:1450px) {
	.header_teacher a{right:100px}
.right_menu{right:30px}
.logo{left:30px}
.gnb>ul>li>a{font-size:15px}
.text_box{left:5%; width:90%}
.text_box>h3{font-size:45px}
.text_box>p{font-size:16px}
.text_box>h3 span{font-size:16px}
.icon_box{width:450px;}
.icon_box>ul>li{width:82px}
.icon_box>ul>li figure{width:82px; height:82px; border-radius:82px}
.icon_box>ul>li figure>img{width:60%; line-height:82px}

.guide_quick figure>img{position:relative; top:auto; right:auto}
.quick_wrap{bottom:10px; transform:translateY(0); top:auto}
.cart_quick{ width:80px; height:80px; border-radius:80px; margin-left:5px; top:auto; z-index:99}
.cart_quick p{display:none}
.cart_quick div{padding-top:15%;font-size:12px;}
.cart_quick figure{padding-top:20px}

}
@media all and (max-width:1366px) {

#section3 .text_wrap{height:100%}
#section3 .text_box{width:90%; left:50%; transform:translate(-50%,-50%); top:52%}
#section3 .intro_more{margin-top:230px}
#section3 .left_wrap{width:300px; height:230px; bottom:0; transform:translate(-50%,-26%); top:52%; }
#section3 .left_img{background-size:100%}
}
@media all and (max-width:1250px) {

.banner_menu ul { width: 100%;}

.sub_menu_all2>li:first-child{padding-left:0}
.sub_menu_all{left:0; margin-left:0; width:100%; overflow-y:scroll; height:200px; padding:0 10px; box-sizing:border-box; -ms-overflow-style:none}
.sub_menu_all>li{display:block}
.sub_menu_all::-webkit-scrollbar-track{background-color: #CCC;}
.sub_menu_all::-webkit-scrollbar	{width: 4px; display:none}
.sub_menu_all::-webkit-scrollbar{display:block}
.sub_menu_all::-webkit-scrollbar-thumb{background-color: #999;}
.sub_menu_all>li>ul{margin-top:0; margin-bottom:10px}
.sub_menu_all>li:first-child{padding-left:0}

}
@media all and (max-width:1200px) {
	.icon_box{margin-top:0}
	.text_box {top:50%}
	.text_box>p{margin-top:0}
	.mob_menu{display:block;     color: #FFF;font-size: 15px; line-height: 50px;text-align: center; font-weight: bold;cursor:pointer}
	.gnb>ul{width:700px}
	.sub_menu_wrap>ul>li>a.pc_menu{display:none}
	.t-sol_text{display:none !important}
.con1200{width:95%}
#fp-nav.fp-left{display:none}
.contents_wrap{width:98%; margin-left:1%}
/*.contents_wrap2 {width: 100% !important; margin-left:0}*/
.bottom_banner_wrap{width:95%;}
.sub_text_wrap{padding-left:20px; padding-right:20px}
.sub_menu_wrap{width:100%}
.banner_menu>ul{width:100%}
.dp-contents-view > div{width:95%}
.quick_wrap{width:50px}
.cart_quick{width:50px; height:50px; border-radius:50px; margin-left:0}
.cart_quick figure{padding-top:7px}
.cart_quick figure img{width:70%}
.quick_arrow{margin-left:2.5px}
.cart_count{margin-left:2.5px}

.sub_banner_top>ul>li{width:50px; height:50px; border-radius:50px}
.sub_banner_top>ul>li>a{width:50px; height:50px; border-radius:50px; border:none; left:0; top:0; line-height:50px}

/*.banner_menu{width:90%; left:5%}*/
.banner_menu{width:100%; left:0}
.sub_banner3 .banner_menu{width:100%; left:0}
.banner_prev{position:absolute; left:0; width:5%; height:50px; bottom:0;  background-color:rgba(52,40,27,0.5); z-index:99; display:block; cursor:pointer}
.banner_prev>i{font-size:25px; color:#FFF; line-height:50px; text-align:center; width:100%}
.banner_next{position:absolute; right:0; width:5%; height:50px; bottom:0; background-color:rgba(52,40,27,0.5); z-index:9; display:block; cursor:pointer}
.banner_next>i{font-size:25px; color:#FFF; line-height:50px;text-align:center;width:100%}

.sub_banner1 .banner_menu>ul{padding-left:5%; box-sizing:border-box}

.banner_menu2{width:100%; left:0}
.banner_menu2 ul{width:100%}
.banner_menu2 ul>li>ul{width:100%}
.banner_menu2 ul>li>ul>li{width:100%}
.banner_menu5>div{max-width:400px; margin:0 auto}
.sub_menu_all{width:100% !important}
.sub_menu_all>li:first-child{padding-left:0}
/*.banner_menu2 .sub_menu_wrap>ul>li{width:145px}*/
.sub_page_menu>li>a{padding:10px 10px 10px 20px}
.sub_menu_all>li>a{padding:10px 0}
.sub_menu_all>li{padding-right:0}

.banner_prev2, .banner_next2{display:none}
.dok_inquiry_back>div{width:90%}

.map_wrap{width:95%; margin-left:2.5%}
.arbBook-list{width:95%; margin-left:2.5%}

.arb_wrap{padding-left : 20px;}
.arb_wrap .text_container{padding-left : 420px;}
.arb_wrap .text_container ul{max-width : 600px;}

.tb_sub_menu>ul{width:100%; left:0; margin-left:0}
.tb_sub_menu>ul>li:first-child{padding-left:30px}
.tb_sub_menu>ul>li{width:60px; margin-right:0}
.tb_sub_menu>ul.gui_sub>li{width:120px}

.referSite-table th{width:30%}

/*.book_list .info button{margin-top:5px; width:160px}
.referBook-list .info{padding-top:15px}
.book_list .info button{position:relative;}
.book_list .info button:last-child{right:0}*/
.order_btn_wrap{bottom:15px}
.book_list .info button{font-size:10px; position:relative; padding:0 5px}
.book_list .info button:last-child{right:auto}

	.tsol_box2 ul>li.tsol_li1>p{width:45%;}
	.tsol_box2 ul>li.tsol_li1>p>a>img{width:100%;}
}
@media all and (max-width:1100px) {
	.gnb{width:600px}
	.gnb>ul{width:100%}
	.gnb>ul>li:first-child{width:140px}
	.gnb>ul>li{width:110px}
	.header_teacher a{right:0; top:4px; font-size:14px;}
	.right_menu{position:relative; float:right; z-index:9}
	.header_teacher{position:relative; float:right; z-index:9; margin-right:20px}
	.tb_news{width:49%}
	.tb_banner_wrap{width:49%; margin-left:2%}
}
@media all and (max-width:1050px) {
/*.popup{display:none !important}*/	
.popup_css{display:block;}
.divpop{display:none}
.tb_bottom{width:95%; margin-left:2.5%; left:0}


.info_wrap .info_text{padding:0px 10px}
.info_wrap .info_text p{font-size:16px}
.about_text h3{font-size:16px}

.board-regist3_more table th {float: left; width: 20%; box-sizing: border-box;padding: 10px 5px 10px 10px;font-size: 13px; border: none; /*border-top: 1px solid #ccc;*/line-height: 30px; /*background: none;*/}
.board-regist3_more table td {float: left; width: 30%; box-sizing: border-box;padding: 10px 10px; border: none; /*border-top: 1px solid #ccc;*/ line-height: 30px;}
.board-regist3_more2 table th{width:20%}
.board-regist3_more2 table td{width:80%}
.board-regist3_more table td.txt_writer{width:75%}
.board-regist3_more .content-regist-area th {display: none;}
.board-regist3_more .content-regist-area th + td { width: 100%;}

.brand_list>li>figure>img{height:280px}
}
@media (min-width: 1100px){
.arbBook-list ul li:nth-child(5n + 1) { clear: both; float: left;}
.arbBook-list ul li:nth-child(5n) {margin-right: 0;}
.arbBook-list ul li {width: 20%;margin: 0 0 30px 0;}
}
@media (max-width: 1100px) and (min-width: 800px){
.arbBook-list ul li:nth-child(4n + 1) {clear: both;float: left;}
.arbBook-list ul li:nth-child(4n) { margin-right: 0;}
.arbBook-list ul li { width: 25%;margin: 0 0 30px 0;}

.recruit-process li {float: left;width: 25%;}
.recruit-process li span { width: 120px; height: 120px; border-radius: 60px;padding-top: 27px;}
.recruit-process li span:before { width: 50px;height: 50px; background-size: auto 95% !important;margin: 0 auto 5px auto;}
.recruit-process li:after { width: 30px;height: 120px; position:absolute; right:30px}
.recruit-process {overflow: hidden;}

.model-selected-form { padding: 40px 10%;}
}

@media (max-width: 800px) and (min-width: 600px){
.arbBook-list ul li:nth-child(3n + 1) { clear: both;float: left;}

.arbBook-list ul li:nth-child(3n) {margin-right: 0;}
.arbBook-list ul li {width: 33.3%; margin: 0 0 30px 0;}

.sub-arb-buy ul li a { border: 1px solid #ebebeb;}
.sub-arb-buy ul li { width: 33.3%;}
.sub-arb-buy h4 {float: none; width: auto;font-size: 20px;line-height: 1em;padding: 10px;}
.sub-arb-buy ul {float: none; width: auto; overflow: hidden; padding: 0;}
.sub-arb-buy ul li + li a:before{display:none}

.recruit-process li span {width: 80%;height: 120px; border-radius: 20px; padding-top: 27px;}
.recruit-process li:after { width: 20%; height: 120px;background-size: 90% auto;float: left;}
.recruit-process li span:before { width: 50px;height: 50px; background-size: auto 95% !important; margin: 0 auto 5px auto;}
.recruit-process li {float: left; width: 25%;}
}
@media (max-width: 600px){
.arbBook-list ul li:nth-child(2n + 1) {clear: both; float: left;}
.arbBook-list ul li:nth-child(2n) { margin-right: 0;}
.arbBook-list ul li {width: 50%;margin: 0 0 20px 0;}
}

@media all and (max-width:1050px) {
.left_wrap{float:none; width:100%; height:40%; position:absolute; top:0}
#section3 .left_wrap{transform:translate(-50%,-40%);}
.text_wrap{float:none; width:100%; height:60%; position:absolute; bottom:0}
.text_box{top:50%}
.text_box>h3{font-size:35px;}
.text_box>p{font-size:14px; margin-top:5px}
.text_box>p>br{display:none}
.icon_box, .intro_more{margin-top:30px}
.icon_box>ul>li p{font-size:12px}
.sec2_text_box{top:57%; width:95% !important; left:2.5% !important}
.sec2_text_box>p>br{display:block}
.left_img{background-size:100%}
.event-list > ul > li{padding:20px 10px}
.sub_text_wrap h3{font-size:25px}
.sub_text_wrap p{font-size:16px}

.sub_page_menu>li a{font-size:12px}

.ext_st_wrap>ul>li:last-child{margin-left:60px}
.ext_st_wrap{width:800px}

.bottom_banner_left h3{font-size:35px}
.bottom_banner_left p{font-size:14px}
.bottom_banner_wrap .icon_box>ul>li:first-child{margin-left:25px}
.bottom_banner_wrap .icon_box>ul>li{margin-left:25px}
.bottom_banner_wrap .icon_box{width:321px}
.bottom_banner_wrap .tb_icon_box{width:650px}
.bottom_banner_left h3 span{display:inline-block; padding-top:15px}

.about_img p{font-size:18px}
.about_text p{font-size:14px}
.ci_text{position:relative; top:0}
.ci_text br{display:none}
.ci_wrap>ul{width:90%; margin:0 auto}
.ci_wrap>ul>li{width:33.33%}
.arbBook-list2 .photo{width:20%}

.arb_wrap .text_container ul{max-width : calc(100% - 420px);}
.arb_wrap .text_container ul .swiper-slide a h2{font-size : 26px; margin-bottom : 15px;}
.arb_wrap .text_container ul .swiper-slide a>p{font-size : 16px; margin-bottom : 15px;}
.arb_wrap .text_container ul .swiper-slide a>span{font-size : 16px;}
.arb_wrap .img_container .swiper-slide .img_box img{bottom : 20px;}
.arb_wrap .img_container .swiper-slide-next .img_box img{left : 155px;}
.arb_wrap .img_container .swiper-slide-next + .swiper-slide .img_box img{left : 90px;}

.bx_tab{/*width:95%;*/ margin:0 auto 40px}

.referBook-list .title a{font-size:16px}
.referBook-list ul>li{font-size:12px}

.con-category-wrap>ul>li{width:20%}



.join_sel_table td{padding-left:40px}

.mybook-list ul li{width:25%}

.inquiry_box{width:95%}
.inquiry_box .inquiry_box1{width:20%; padding:0}
.inquiry_box .inquiry_box1 p br{display:none}
.inquiry_box ul>li{width:30.66%; margin-left:2%}
.inquiry_box ul>li img{width:70px}
.inquiry_box ul>li p{font-size:20px}

.inquiry_me{width:100%}
.inquiry_top{padding:30px 10px}
.inquiry_top p{font-size:16px}
.inquiry_bottom>ul>li{padding-left:50px}
.inquiry_bottom>ul{width:100%}

.certification-wrap2{width:95%}

}
@media all and (max-width:1000px) {
	.tsol_box>p{font-size:18px}
	.tsol_box ul{width:550px; margin:50px auto 0}
	.tsol_box ul>li figure img{width:200px}
	.tsol_box ul>li .bubble{top:-30px}
	.tsol_box ul>li .bubble img{width:170px !important}
	.tsol_box ul>li .bubble p{top:20px; font-size:15px}

	.tsol_box2>p{font-size:18px}
	.tsol_box2>p>span.span1{font-size:24px;}
	.tsol_box2>p>span.span2{font-size:36px;}
	.tsol_box2>p>span.span3{font-size:36px;}
}
@media all and (max-width:950px) {
.sub_menu_wrap>ul>li{width:20%}
.customer_right{display:none}
.univ_view_box{display:block}
.univ_view_box>div{display:block; width:90%; margin:0 auto; padding-left:0; margin-top:30px}

.brand_list>li{width:23.75%; margin-left:1%}
.tb_banner_wrap{padding-top:35px}

.tb_bottom_banner>div{display:block}
.bottom_banner_wrap .tb_icon_box>ul>li{margin-left:5px; width:70px}
.bottom_banner_wrap .tb_icon_box>ul>li figure{width:70px; height:70px; border-radius:70px}
.bottom_banner_wrap .tb_icon_box>ul>li:first-child{margin-left:0}
.tb_bottom_banner .bottom_banner_left p br{display:none}

.referBook-view-info>div{display:block; overflow:hidden}
.referBook-view-info>div>div{display:block; float:left}
.referBook-view-info .photo-wrap{width:40%; text-align:center}
.referBook-view-info .info-wrap{width:60%; padding-left:0}
.referBook_right{margin-top:20px}
.referBook_right>ul{width:100%;}
.referBook_right>ul>li{width:16.66%; border:none !important}
.referBook_right{width:100%}

.referBook-view-info .title{font-size:25px}
.referBook-view-info .info-list>ul>li{font-size:16px}
.referSite-table th{width:40%}

.mypoint-buy-booklist .booklist ul li{width:30.66%}

.referBook_right>ul{height:auto; }
.referBook_right>ul>li{padding:30px 0}
.referBook_right>ul>li figure{position:relative; transform:translateY(0); top:0}
}
@media all and (max-width:900px) {
.gnb{padding-bottom:0; padding-top:30px; width:360px}
.gnb>ul{width:360px}	
.header_teacher a{color:#FFF !important}
.header_teacher i{color:#FFF !important}

.top_text>div>p{line-height:35px; font-size:14px}
.slide__text-heading{font-size:4rem}
.slide__text-desc{font-size:1.5rem; line-height:2rem}
.t-sol_text{display:none !important}
.gnb>ul>li>ul{padding-bottom:0 !important; height:0 !important}
.gnb>ul>li>ul>li{display:none !important}
#header{background-color: rgb(52, 44, 33) !important}
.logo_img{top:-40px !important}
.right_menu>ul>li>a>p{color:#FFF !important}
.gnb>ul>li>a{color:#FFF !important}
.gnb>ul>li{width:auto; padding:0 10px}
.gnb>ul>li:first-child{width:auto}
.gnb{transform: translateX(0);}
.date_sel{width:30%; margin-bottom:5px}
.banner_wrap{display:block; padding-top:0}
.bx_slider_wrap .bx-wrapper img{display:inline}
.banner_book{text-align:center; padding:50px; width:100%;}
.book_text_wrap{padding-top:0; position:relative; width:85%; margin:0 auto; padding-bottom:30px}
.banner_wrap>div{display:block}

.sub_text_wrap .intro_more{height:35px; line-height:35px; font-size:15px}

.banner:nth-child(2){background-position:700px 900px}
.banner{background-position:1150px}
.search-form table br{display:block}
.search-form table br.br1{display:none}

.dp-contents-list .dp-con-wrap:nth-child(2n+1) {clear: both;}
.dp-contents-list .dp-con-wrap { width: 100%; margin-bottom: 30px;}

.dp-con-wrap .photo { width: 30%; margin-right: 6%;}
.dp-con-wrap .txt {float: right;width: 62%;}
.dp-con-wrap .txt dt {font-size: 20px;padding: 5px 0 10px;}
.banner_book>img{padding-left:0}

.login_box{width:95%; padding:50px 0}
.login_guide{width:90%;}
.login_text{width:90%}
.login_text>p{width:90%}
.login_guide>div li, .login_text>p{font-size:16px}

.about_logo{width:200px; height:200px; border-radius:200px; margin-left:-100px}
.about_logo>img{height:80%; padding-top:20px}
.arbBook-list2 .photo { width: 30%;}

.benefits>ul>li{width:25%}

.book_text_wrap{width:90%}
.book_text{width:100%}

.referBook-list>ul>li{width:47%; margin-left:2%; margin-bottom:2%}
.referBook-list>ul>li:nth-child(3n+1){margin-left:2%}

.result-list>ul>li{width:23.5%}
.result-list>ul>li:nth-child(6n+1){margin-left:2%}
.result-list>ul>li:nth-child(4n+1){margin-left:0}

.referBook-list>ul>li .photo{height:auto}
.referBook-list>ul>li .photo img{height:210px}

.event-list2>ul>li{margin-left:2%; width:47%}
.photo img{box-shadow:0px 0px 0px}
.event-list2 .info .status{display:block; position:relative; width:100%; height:auto; border-radius:0; line-height:25px}
.event-list2 .info{padding-left:0; padding-top:10px}

.book_list .referBook-list>ul>li{padding-bottom:15px}
.book_list .referBook-list>ul>li .photo{width:50%; margin-left:25%}
.book_list .referBook-list .info{width:90%; margin-left:5%; height:250px}
.book_list .info button{width:99%}

.order_btn_wrap{width:85%}

.type-radio p{position:relative; top:0; left:0}

.find-wrap dl .input label{font-size:14px}

.search_wrap{width:95%}
.img_search div{display:block; float:left; padding-top:0}
.img_search div.search_img_box{margin-top:40px}
.img_search{display:block; overflow:hidden}
.img_search h2{position:absolute; left:30px; top:30px}
.search_img_text{padding-left:0}

.book_list .info button:last-child{margin-top:5px}

.rgbook_btn{overflow:hidden; position:relative; margin-top:20px}
.rgbook_btn>button{float:none; width:100%}

.dormancy{width:95%}
}
@media all and (max-width:850px) {

	.ext_st_wrap{width:660px}
	.ext_st_wrap>ul>li:last-child{margin-left:40px}
.ext_st_wrap>ul>li>a>figure{width:310px; height:310px; border-radius:310px; border:1px solid #f9bf30}
.ext_st_wrap>ul>li:first-child>a>figure .img_line{width:280px; height:280px; border-radius:280px; border:2px solid #f9bf30; left:15px; top:15px}	
.ext_box p{font-size:16px}
.ext_text>li{font-size:14px}
.ext_st_wrap>ul>li{width:310px}
.ext_st_wrap>ul>li:last-child>a>figure .img_line{width:280px; height:280px; border-radius:280px; left:15px; top:15px}

.join_icon>ul{width:640px;}
.join_icon>ul>li{width:120px; height:120px; border-radius:120px; margin-left:10px}
.join_icon>ul>li figure{padding-top:20px}
.join_icon>ul>li p{font-size:14px}

.join_sel_table td{padding-left:20px}

#note{width:100%}
#note ul li p{font-size:12px}

.mybook-list ul li{width:33.33%}
.sub_banner{background-position:right}
.sub_banner6{background-position:-1050px}
.sub_banner5{background-position:center}
.sub_banner4{background-position:-900px}
.sub_banner8{background-position:center}
.sub_banner9{background-position:left}
}
@media all and (max-width:800px) {
.btn-dataroom{width:25%; padding:0; text-align:center}
.btn-dataroom:before{left:15px}
	
/*.banner_menu{padding-left:5%; box-sizing:border-box}
.banner_prev2, .banner_next2{display:block}*/

.bottom_banner_left h3 span{padding-top:0; padding-left:10px; display:block}
.univ_list>ul>li>div{display:block}
.univ_name{width:100%}
.pc_none{display:block}
.footer_wrap .foot_logo{display:none}
.footer_top>ul{float:none; padding:0}
.footer_top{position:relative; right:0; margin-left:2.5%; width:95%; box-sizing:border-box}
.footer_wrap{padding-top:30px}
.footer_top>ul>li{padding:10px 10px 0 0}
.sns_list>li:first-child{margin-left:0}
.footer_bottom{padding-top:20px}
.footer_top>ul>li>a{font-size:14px}
.footer_top>.sns_list{padding-top:10px}


.copy{margin-left:2.5%; width:95%}

.sub_text_wrap h3{font-size:20px}
.sub_text_wrap p{font-size:14px}
.banner_menu>ul{width:800px}

/*.board-list table{width:800px}*/
.board-search input[type="text"] {width: 100px;}

.recruit_table table{width:800px}

/*.sub_menu_all>ul{display:block; overflow:hidden; width:90%; margin-left:10%}
.sub_menu_all>ul>li{display:block; float:left; width:50%; margin-bottom:20px}
.sub_menu_all>ul>li:first-child{padding-left:0}
.sub_menu_all>ul>li:nth-child(5){width:100%}
.sub_menu_all>ul>li{padding-right:0}
.sub_menu_all>ul>li>ul{width:50%; margin-right:0}
.sub_menu_all{width:300px}*/
/*.sub_menu_all{margin-left:-200px}
.sub_menu_all>ul{width:95%; margin-left:2.5%}
.sub_menu_all>ul>li{display:block; margin-bottom:20px}
.sub_menu_all>ul>li:first-child{padding-left:0}
.sub_menu_all{left:0%; height:250px; overflow-y:scroll; width:140px}
.sub_menu_all::-webkit-scrollbar-track{background-color: #CCC;}
.sub_menu_all::-webkit-scrollbar	{width: 2px;}
.sub_menu_all::-webkit-scrollbar-thumb{background-color: #999;}
.sub_menu_all>ul>li>ul{float:none}*/

.tb_book_list h3{font-size:17px}

.referBook-view-info .photo-wrap{width:95%; margin-left:2.5%}
.referBook-view-info .info-wrap{width:95%; margin-left:2.5%; padding-right:0}
.price{position:relative; margin-bottom:15px}
.referBook-view-info .title{font-size:23px}
.referBook-view-info .info-list>ul>li{font-size:14px}
.referBook-view-info .info-list>ul>li>span{width:65px}
.referBook_right>ul>li p{font-size:14px}

.db-table table{width:800px}

.acc-content-inner li{width:30.66%}

.referSite-table table, .referSite-table tbody, .referSite-table tr, .referSite-table th, .referSite-table td {
 display: block; width: 100%;}
.referSite-table th { padding: 20px 10px 0 10px; border-right: none; border-bottom: none;}
.referSite-table td { padding: 10px 10px 20px 10px; border-top: none;}

.join-end-wrap{width:100%}

.tab_row5>ul>li{width:33.33%}
.tab_row5>ul>li:nth-child(5n+1){border-left:none}
.tab_row5>ul>li:nth-child(3n+1){border-left:1px solid #AAA}
.tab_row5>ul>li:nth-child(n+4){ border-top:none}

.mypoint-buy-search{padding:20px 10px}
.mypoint-buy-search div, .mypoint-buy-search dl{float:none}
.mypoint-buy-search .bx_tab{margin-bottom:20px}
.mypoint-buy-search h3{font-size:20px}

.find-wrap dl{width:100%}
.find-wrap dl:last-child{border-top:none}

.jihak-map-info{padding-top:0}
.location_map{padding-top:0}
.jihak-map-info{display:block; width:100%}
.jihak-map-info>div{display:block; width:100%; text-align:center}
.cscenter_table .con-title{text-align:left}
.cscenter_table td{font-size:12px}
.cscenter_table{padding-top:30px}

.inquiry-con-wrap{padding:30px 10px}
.inquiry-con-wrap .inquiry-layor-top h4{font-size:20px}
.inquiry-con-wrap .inquiry-layor-top h4 + p{font-size:16px}

.present_box::before{display:none}
.pre_text{position:relative}
.present_box2 .pre_img{position:relative}
.present_box>div{height:auto; width:50%}
.pre_text>ul>li{font-size:15px}
.pre_text h3{font-size:20px}
.present_wrap>div:first-child .pre_text{padding:20px 30px}
.present_box .pre_img img{height:100%}

#popup { left: 5% !important;top: 50px !important;border: 3px solid #ffd800;width: 90% !important; height: auto !important;margin: 0 !important; transform:translateX(0) !important}
#popup .pop_inner img { width: 100%;}

#popup2 { left: 5% !important;top: 50px !important;border: 3px solid #ffd800;width: 90% !important; height: auto !important;margin: 0 !important; transform:translateX(0) !important}
#popup2 .pop_inner img { width: 100%;}

.model-selected-form {padding: 40px 5%;}

.book-info-list .right{bottom:0}
}
@media all and (max-width:750px) {
.banner_menu>ul{width:800px}
.contents_wrap h2{font-size:30px;}
.back_banner h2{font-size:30px}
.contents_wrap h2::after{width:70px; margin-left:-35px}
.borad_wrie table th {clear: both; float: left; width: 25%; box-sizing: border-box;padding: 10px 5px 10px 10px;font-size: 13px; border: none; border-top: 1px solid #ccc; line-height: 30px; background: none;}
.borad_wrie table td {float: left;width: 75%; box-sizing: border-box; padding: 10px 10px;border: none;border-top: 1px solid #ccc;line-height: 30px;}
.borad_wrie select{margin-left:0}
.necessary_title{font-size:14px}
.sub_title{font-size:16px}
.faq>ul h3{font-size:16px}
.tabs>ul>li{font-size:14px}
.banner_menu2>ul{width:100%}
.banner_menu>ul>li{width:125px}
.sub_banner5 .sub_menu_wrap>ul{overflow:hidden; display:block}
.sub_banner5 .sub_menu_wrap>ul>li{float:left; width:25%}
.sub_banner5 .banner_menu5>.sub_menu_wrap>ul{padding-left:0}
.sub_banner5 .banner_menu5>.sub_menu_wrap>ul>li{width:50%}

.dp-contents-view .photo{float:none; width:50%; position:relative; margin:0 auto; margin-bottom:50px}
.dp-contents-view .info{float:none}
.dp-contents-view .info{width:90%; margin-left:5%}
.dp-contents-view2 .preview{position:relative; top:auto; margin-top:15px}

.table-wrap table{width:750px}
.puzzle-entry .table-wrap table{width:100%}
.puzzle-view .puzzle-q{font-size:14px}

.bottom_banner_wrap{display:block; width: 90%; margin-left: 5%;}
.bottom_banner_wrap>div{display:block}
.bottom_banner_left p{margin-bottom:5px}
p.bottom_sub_title{margin-bottom:15px}
.bottom_banner_left p br{display:none;}
.bottom_banner_wrap .icon_box>ul>li:first-child{margin-left:0}
.bottom_banner_wrap .icon_box{margin-top:20px; width:100%}
.awards_box>div{float:none}
.awards_date{text-align:left; width:100%; margin-bottom:20px}
.awards_text li>span{font-size:16px}
.awards_text li p{font-size:14px; padding-left:60px}

.arb_wrap{padding-left : 10px;}
.arb_wrap .text_container{padding-left : 280px;}
.arb_wrap .text_container ul{max-width : calc(100% - 280px);}
.arb_wrap .text_container ul .swiper-slide a h2{font-size : 20px;}
.arb_wrap .text_container ul .swiper-slide a>p{font-size : 14px;}
.arb_wrap .text_container ul .swiper-slide a>span{font-size : 14px;}
/* height 삭제 */
.arb_wrap .img_container .swiper-slide .img_box img{width : 100px; bottom : 0; height:130px}
.arb_wrap .img_container .swiper-slide-active .img_box img{width : 250px; bottom : 100px; /*bottom:144px*/height:356px}
/**/

.arb_wrap .img_container .swiper-slide-prev .img_box img{left : -20px;}

.news_list>ul>li{width:48%; margin-left:2%}
.news_list>ul>li:nth-child(3n+1){margin-left:2%}
.news_list>ul>li:nth-child(2n+1){margin-left:0}
.news_text{padding:10px 10px 20px}

.brand_list{flex-wrap:wrap}
.brand_list>li{width:44%; margin-left:4%; margin-bottom:4% }
.tb_news>ul>li>a p{width:70%;}
.con-category-wrap>ul>li{width:25%}

.scroll-x table{width:750px}

/*whale scroll*/
.whale_scroll table{width:750px}
.whale_scroll{overflow-x:scroll; -ms-overflow-style:none}
.whale_scroll::-webkit-scrollbar-track{background-color: #CCC;}
.whale_scroll::-webkit-scrollbar	{height: 5px;}
.whale_scroll::-webkit-scrollbar-thumb{background-color: #999;}

.info_wrap>div{width:100%}
.info_wrap .info_text p br{display:none}
.info_wrap .info_text p{font-size:14px}

#goodsTable{width:100%}
.mypoint-buy-booklist .booklist{width:50%}
.mypoint-buy-booklist .selected-booklist{width:50%}
.mypoint-buy-booklist .booklist ul li{width:47%}

.point-use>ul>li{width:100%}
.point-use>ul>li:last-child{border-left:none; border-top:2px solid #454545}

.sub_title_box{width:330px}
.sub_title_box>div img{width:40px}
#downloadControl { width: 100% !important;}
.innorix_uigroup .innorix_filename {
    white-space: normal !important;
    height: 80px;
    top: 10px;
    left: 30px;
}
.innorix .ui-jqgrid-btable tr.ui-row-ltr td{height:80px !important}
.innorix_uigroup .innorix_cb {
    top: 15px;
}
.tb_check>ul>li{padding:0 }

.brand_list>li>figure>img{height:350px}

.dormancy_box1 p{font-size:14px}
.dor_text p{font-size:14px}
.dor_text h3{font-size:16px}
}

@media all and (max-width:700px) {
.whale_text h2{font-size:20px}	
.whale_text>ul>li{font-size:14px}
.whale_text>p{font-size:14px}
.whale_text h1 br{display:block}
.whale_text h1 span{font-size:13px}
.whale_text>p br{display:none}

.gnb{width:auto}
	
.sub_banner>h2{font-size:25px}
.sub_banner>h2>span{font-size:14px}

.sub_menu_wrap>ul>li.select>p {background-color: #fed900;color: #222;}

.top_text>div.top_more{display:none}
.top_text>div.day3{display:none}
.header_top_wrap{height:35px}	
.gnb>ul{transform:translateX(40px)}

.rg_go{margin-top:15px; right:10px; padding:5px 10px}
.rg_go a{font-size:12px;}

.sub_intro{display:block}
.sub_text_wrap{position:relative; top:auto; transform:translateY(0); padding:25px}
.sub_intro>div{width:100%}
.sub_intro>div.sub_intro_text{position:absolute; bottom:0; background-color:#f5f5f5; z-index:9}

.login-form{width:280px}
.login-form .input{width:280px}
.login-form .command{float:none}
.login-form .command input{width:280px; height:50px; line-height:50px}
.login_btn{position:relative; right:0}
.login_btn>ul>li:first-child{margin-left:0}
.login_box h3{text-align:center; font-size:25px; width:100%}
.login_guide{display:block}
.login_guide>div{display:block}
.login_icon{text-align:center}
.login_guide>div li, .login_text>p{font-size:14px}

.ext_st_wrap{width:100%}
.ext_st_wrap>ul>li{float:none; margin:0 auto}
.ext_st_wrap>ul>li:last-child{margin-left:0; margin:0 auto; margin-top:60px}

.header_top{padding-top:8px}
.arbBook-list2 .photo{width:30%}
.recruit_contents table{width:700px}

.book_intro .sub_intro_img{padding-bottom:300px}

.borad_title2{font-size:25px}
.adver_wrap{width:95%; margin-left:2.5%}
.adver_wrap>div{float:none}
.video_box{margin-top:10px; width:100%; padding-right:0}
.thumbnail{width:100%}
.thumbnail>div{width:23.75%}
.thumbnail>div:first-child{margin-left:0}
.small_img{position:relative; left:0%; width:100%; margin-top:20px}
.small_img>ul>li:first-child{margin-left:0}
.big_img{width:100%; margin-left:0}
.tb_news{width:100%}
.tb_news>ul>li>a p{font-size:14px}
.tb_banner_wrap{width:100%; margin-left:0}

.referBook-list .title a{font-size:14px}
.referBook-list .info{width:95%; padding-bottom:20px}
.referBook-list>ul>li .photo{width:80%; margin-left:7%}

.book_list .referBook-list .info{width:95%; padding-bottom:20px; margin-left:2.5%}
.book_list .referBook-list>ul>li .photo{width:80%; margin-left:7%}

.type-radio span{display:block; margin-top:10px}

.join_icon>ul{width:540px}
.join_icon>ul>li{width:100px; height:100px; border-radius:100px}
.join_icon>ul>li p{font-size:12px}
.join_icon>ul>li figure img{width:40px}

.mybook-list ul li{width:47%; margin-left:2%}

.seed_point p{font-size:14px}
.seed h3{font-size:25px}
.seed h3 img{width:40px}

.con-title{font-size:23px}
.find-wrap dl .input > div{width:80%}

.inquiry_box>div{display:block;}
.inquiry_box .inquiry_box1{width:100%}
.inquiry_box2{margin-top:20px}
.inquiry_box ul{padding:0}
.inquiry_box ul>li{width:32%; padding:10px 0}
.inquiry_box ul>li:first-child{margin-left:0}
.inquiry_box ul>li img{width:60px}
.inquiry_box ul>li p{font-size:18px}

.inquiry_box .inquiry_box1 h3{font-size:20px}
.inquiry_box ul>li figure{padding-top:10px}

.order_btn{top:-120px}

.dormancy_box2_in{position:relative; width:450px; margin:0 auto}
.dor_btn{position:relative; right:auto; transform:translateY(0); width:100%; margin-top:10px}
.dor_btn button{width:100%; margin:0 auto; position:relative}
}
@media all and (max-width:650px) {
.about_logo{display:none}
.about_wrap>ul>li{margin-left:2%; width:49%}
.about_img{width:40%}
.about_wrap>ul>li:nth-child(2) .about_img, .about_wrap>ul>li:nth-child(4) .about_img{position:absolute; left:0}
.about_wrap>ul>li:nth-child(2) .about_text, .about_wrap>ul>li:nth-child(4) .about_text{padding-left:40%}	
.about_wrap>ul>li:nth-child(2) .about_text p, .about_wrap>ul>li:nth-child(4) .about_text p{text-align:left}
.about_text h3{text-align:left}

}
@media all and (max-width:600px) {
	.sub_banner{height:280px}
	.banner_menu2 ul.dok_intro_sub{width:100%; padding-left:0}
	#section3 .left_wrap {transform: translate(-50%,-30%);}
	.banner_menu>ul, .sub_menu_wrap>ul{padding-left:5%; box-sizing:border-box}
	.sub_banner7 .sub_menu_wrap>ul, .sub_banner3 .sub_menu_wrap>ul{padding-left:0}
	.sub_banner7 .banner_menu{padding-left:0}
	.board-list .type-mlist caption, .board-list .type-mlist colgroup, .board-list .type-mlist thead {display: none;}
	.board-list .type-mlist tbody, .board-list .type-mlist tbody tr, .board-list .type-mlist tbody th, .board-list .type-mlist tbody td {display: block; text-align: left; padding: 0;}
	.board-list .type-mlist tbody tr td.none { display: none;}
	.board-list .type-mlist tbody tr td { border: none;}
	.board-list .type-mlist tbody tr td.inline {display: inline;margin-right: 10px;}
	.board-list .type-mlist tbody tr {border-bottom: 1px solid #ccc;padding: 10px;}	
	.event-list .info ul>li{font-size:12px}
	.event-list .title{font-size:14px}
	.event-list .dday{width:50px; height:50px; border-radius:50px}
	.event-list .dday em{font-size:14px}
	.event-list .dday span{font-size:10px; padding-bottom:0; padding-top:8px}
	.event-list .dday + div{margin-left:60px}
	.right_menu>ul>li p{display:none !important}
	.logo{width:100px; top:5px; left:20px}
	.right_menu{right:50px}
	.logo_img{top:-32px !important}
	.all_menu img{margin-top:7px; width:20px}
	.all_menu{top:0; right:-30px; font-size:20px }
	.gnb>ul{transform:translateX(0)}
	.right_menu>ul>li{margin-left:10px}
	.slider-pagi{right:auto; left:50%; transform:translateX(-50%)}
	.banner_notice{right:auto; left:50%; margin-left:-143px}

	.board-list .type-mlist tbody tr td.reply:before {content: '답변: ';}
	.board-list .type-mlist tbody tr td.hit:before {content: '조회: ';}

	.btn_box>a{padding:5px 15px; font-size:13px}

	/*.banner_menu2{width:90%; left:5%}*/
	.banner_menu2 ul{width:auto}
	/*.banner_menu2 .sub_menu_wrap>ul>li{width:140px}
	.banner_menu2 .sub_menu_wrap>ul>li:first-child{padding-left:3%}*/
	.banner_menu2 ul{width:700px}
	.sub_page_menu>li>a{padding:10px 10px 10px 5px}
	.banner_menu2 ul.sub_page_menu{width:100%}

	.board_view .view-info2 > p + p { margin-left: 0}

	.borad_title_left{position:relative; left:0; top:30px}
	.label_block label{display:block}
	.agree-wrap h3 span label{margin-left:0}
	.dok_inquiry_back>div{height:80%; overflow-y:scroll}
	.text_box>h3{font-size:23px}
	.text_box{ box-sizing:border-box}
	.left_wrap{height:35%}
	.text_wrap{height:65%}
	.icon_box, .intro_more{margin-top:15px}
	.intro_more{height:35px; line-height:35px; font-size:15px}

	.puzzle-entry > div + div table thead {display: none;}
	.puzzle-entry > div {float: none; width: auto;}
	/*.table-wrap table {width: 100%;}*/
	.puzzle-entry > div + div { border: none;}
	.puzzle-entry .tb_line{margin-top:0}
	.board-regist3 table th { clear: both;float: left; width: 100%; box-sizing: border-box;padding: 10px 5px 10px 10px;font-size: 13px; border: none; line-height: 30px; /*background: none;*/}
	.board-regist3 table td {float: left; width: 100%; box-sizing: border-box;padding: 10px 10px; border: none; line-height: 30px;}
	.board-regist3 table td.txt_writer{width:75%}
	.board-regist3 .content-regist-area th {display: none;}
	.board-regist3 .content-regist-area th + td { width: 100%;}
	.comment-wrap .comt-form input[type="button"] {width: 100%;}

	.rspinfo_wrap .board-regist3_more th{font-size:12px}
	.rspinfo_wrap .board-regist3_more td{font-size:12px}

	.book_text_wrap h3{font-size:20px}
	.book_text_wrap h3 span{font-size:18px}
	.book_text>ul>li{font-size:14px}
	.book_text p{font-size:14px}

	.search-form table th {white-space: nowrap;}
	.dp-contents-view dl dt{font-size:25px}
	.rfbook_list .info li{font-size:14px}
	.rfbook_list .info li span{width:80px}
	.rfbook_list .info li:first-child span{width:40px; display:block}
	.rfbook_list .info li p{font-size:14px}

	.prev-next-wrap .date{display:none}
	.banner_prev2, .banner_next2{display:block}

	.login_box h3{font-size:20px}

	.borad_title_right{position:relative; margin-top:30px}

	.company_wrap{width:95%; margin-left:2.5%}
	.business_wrap>ul>li h4{font-size:16px}
	.business_wrap>ul>li p{font-size:14px}
	.ci_text p{font-size:14px}
	.ci_btn{width:200px; height:50px; line-height:50px}
	.ci_btn a i{line-height:50px; font-size:20px}
	.map li{font-size:14px}

	.agree-wrap .textarea{height:120px}
	.ext_st_wrap>ul>li{width:320px}
	.ext_st_wrap>ul>li>a>figure{width:230px; height:230px; border-radius:230px; margin-left:45px}
	.ext_st_wrap>ul>li:last-child>a>figure .img_line{width:200px; height:200px; border-radius:200px}
	.ext_st_wrap>ul>li:first-child>a>figure .img_line{width:200px; height:200px; border-radius:200px}
	.sub_menu_all{top:0; width:100% !important; margin-left:0; padding-top:0}
	.sub_menu_all>li{display:block}
	.sub_menu_all>li:first-child{padding-left:0}
	.sub_menu_all>li>ul{margin-top:0; padding-left:5px}
	.sub_page_menu>li>a{padding-bottom:5px}
	.arb_scroll{overflow-x:scroll; -ms-overflow-style:none}
	.arb_scroll::-webkit-scrollbar-track{background-color: #CCC;}
	.arb_scroll::-webkit-scrollbar	{height: 3px; display:none}
	.arb_scroll::-webkit-scrollbar-thumb{background-color: #999;}

	.arbBook-list .photo img { width: 120px; height: 165px;}
	.arbBook-view-info .photo-wrap {float: none;width: auto; text-align: center; padding: 0;margin-bottom: 20px;}
	.arbBook-view-info .photo-wrap img { width: 50%; height: auto;}
	.arbBook-view-info .info-wrap { float: none;width: auto;}
	.arbBook-view-info .subtitle {font-size: 17px;}
	.arbBook-view-info .title {font-size: 20px; margin-bottom: 20px;}
	.arbBook-view-info .btns {padding: 20px 0 0 0;}
	.arbBook-view-info .btns .right { float: none;text-align: center;}
	.arbBook-view-info .info-list li em { padding-left: 15px;position: relative;}
	.arbBook-view-info .info-list li span {display: inline-block;width: 50px;}

	.sub-arb-buy ul li {width: 50%;}
	.sub-arb-buy h4 {float: none;width: auto;font-size: 20px;line-height: 1em; padding: 10px;}
	.sub-arb-buy ul {float: none; width: auto; overflow: hidden; padding: 0;}
	.sub-arb-buy ul li a { border: 1px solid #ebebeb;}
	.sub-arb-buy ul li + li a:before{display:none}

	.arbBook-list2 .info{width:95%; margin-left:2.5%}
	.arbBook-list2 .photo{width:95%; margin-left:2.5%; }
	.arbBook-list2 .photo a{display:block; text-align:center}
	.arbBook-list2 .photo img{width:150px;}
	.book-regist .online-store > div > span input {width: 100%;}
	.book-regist .online-store > div > span.name{width:100%}
	.book-regist .online-store > div > span.url{width:100%}

	.sub_menu_all{padding:0 5px}
	.sub_menu_all>li{padding-right:0; }
	.title_img{width:100%}
	.benefits{width:100%}
	.benefits>ul>li{width:50%}
	.recruit-process li { float: none;width: 100%;}
	.recruit-process li span { width: 100%; height: auto; border-radius: 20px; padding: 10px;line-height: 40px;display: block; margin-bottom: 5px;}
	.recruit-process li span:before { width: 40px; height: 40px;background-size: auto 95% !important; margin: 0 10px 0;float: left;}
	.recruit-process li:after {display:none}

	.btn_box2>a{width:100px; height:40px; line-height:40px; font-size:14px}
	.dp-contents-list-top > div{font-size:14px}
	.sub_menu_all{position:relative}

	.ext_box img{width:110px}
	.roadmap-tran table, .roadmap-tran tbody, .roadmap-tran tr, .roadmap-tran th, .roadmap-tran td {display: block;}
	.roadmap-tran .subway th {background-size: 50px auto;}
	.roadmap-tran th { height: auto; padding: 20px 0 20px 60px;width: auto; font-size: 18px;}
	.roadmap-tran td p{font-size: 15px;}
	.roadmap-tran td{    padding: 0 0 20px 0;}
	.roadmap-tran .car th { background-size: 50px auto;}
	.roadmap-tran .car th, .roadmap-tran .car td{border-top:none}

	.title_img p{font-size:25px; line-height:30px; left:10px; top:10px}

	.tb_sub_menu{overflow-x:scroll}
	.tb_sub_menu>ul{width:750px}
	.tb_sub_menu>ul.gui_sub{left:0}
	.tb_sub_menu{overflow-x:scroll; -ms-overflow-style:none}
	.tb_sub_menu::-webkit-scrollbar-track{background-color: #CCC;}
	.tb_sub_menu::-webkit-scrollbar	{height: 3px;}
	.scroll_block::-webkit-scrollbar{display:block}
	.tb_sub_menu::-webkit-scrollbar-thumb{background-color: #999;}

	.tb_sub_menu>ul.el_sub{width:100%}

	.tabs>ul{border-top:1px solid #CCC}
	.tabs>ul>li{ width:50%; border-left:none; border-top:none}
	.tab_row5>ul>li:nth-child(5n+1){border-left:none}
	.tabs>ul>li:nth-child(2n+1){border-left:1px solid #CCC}
	.tb_check_list>ul>li>div{display:inline-table;}
	.tb_check_name{border-right:none; border-bottom:1px solid #CCC; background-color:#EEE; width:100%}
	.tb_check{padding-left:0%; margin-left:2.5%; width:95%}
	.tb_search{width:50%}
	.tb_book_list h3{font-size:15px}

	.con-category-wrap>ul>li{width:50%}

	.result-list>ul>li{width:49%}
	.result-list>ul>li:nth-child(4n+1){margin-left:2%}
	.result-list>ul>li:nth-child(2n+1){margin-left:0}

	.rfbook_list>ul>li>div{display:inline-table}
	.rfbook_list>ul>li .photo{width:100%}
	.rfbook_list>ul>li .photo img{width:50%}
	.rfbook_list>ul>li .photo a{display:block; text-align:center}
	.rfbook_list .info{margin-top:15px; width:100%; padding-left:0}
	.rfbook_list>ul>li .title a{font-size:16px}

	.rfbook_pds_list h4{font-size:20px}
	.rfbook_pds_list h4 span{display:block; margin-left:0; font-size:16px}

	.acc-content-inner li{width:47%}

	.downloadData-list.two li { width: 100%;margin: 0;}
	.downloadData-list li { padding-bottom: 20px;}
	.downloadData-list .type { width: 100px;}
	.downloadData-list .title{font-size:14px}

	.certification-wrap dl {float: none;width: auto;padding: 30px 0;}

	.join_table th:before{left:2px}
	.join_table .pilsu:before{left:2px}
	.join_table th{background-color:#efefef; border-right:none}

	.join_sel_table table{width:600px}

	.teacher_btn2{width:100%}
	.teacher_btn2>ul>li{width:100%; margin-left:0; margin-bottom:20px}
	.teacher_btn2>ul>li:first-child{padding-top:0}

	.book-order-step ul li span { width: 90px; background-size: auto 40px !important;padding: 60px 0 10px; font-size: 15px;}
	.book-order-step ul li.step2:before, .book-order-step ul li.step3:before {display:none}

	.con_sub{font-size:14px}

	.event-list2>ul>li{width:47%}

	.tab_row5>ul>li:nth-child(3n+1){border-left:none}
	.tab_row5>ul>li:nth-child(2n+1){border-left:1px solid #AAA}
	.tab_row5>ul>li{width:50%}
	.tab_row5>ul>li:nth-child(n+3){border-top:none}

	.bank>div p {font-size:14px;}
	.book_top_sel>ul>li .book_sel1{font-size:16px}
	.book_top_sel select{width:80% !important}
	.book_top_sel input[type="text"]{width:80% !important}

	.bottle_text li{font-size:15px}
	.book_bottom_text .con-title span img{width:40px}
	.book_bottom_text .con-title{font-size:25px}

	.bottle_list{width:320px}
	.bottle_list>ul>li{width:100px; height:100px; border-radius:100px; margin-left:10px; background-size:50px; background-position:24px 13px; }
	.bottle_list>ul>li p{bottom:10px; font-size:15px}
	.bottle_list>ul>li.bottle3{background-position:20px 13px}

	.bx_tab .caution_btn{position:relative; margin-top:15px}

	.mypoint-buy-booklist .selected-booklist{float:none; width:100%; margin-bottom:30px}
	.mypoint-buy-booklist .booklist{width:100%}

	.referBook-view-info .sns-info{display:block; margin-bottom:10px}
	.con-category-wrap dl dt{display:block; width:100%}
	.con-category-wrap dl dd{display:block; width:100%}
	.con-category-wrap dl dd ul>li>a{width:auto; padding:0 10px}
	.tb_check>ul>li>a{width:auto; padding:0 10px}

	.acc-content-inner li img{width:100%;}
	.acc-content-inner li.acc-btn2 img{width:auto}

	.in_top_img{width:40px; padding-top:10px}
	.inquiry_top>div{vertical-align:top}
	.inquiry_top div + div{padding-left:15px}
	.inquiry_bottom>ul>li{float:none; padding-left:0; width:250px; margin:0 auto; position:relative; margin-bottom:30px;}
	.inquiry_top p{font-size:14px}

	.board-regist3_more table td{width:70%}
	.board-regist3_more table th{width:30%}

	.rspinfo_wrap>p span img{width:25px; margin-right:5px}
	.certification-wrap2 h3{font-size:20px}
	.btn.wide{padding:0 20px}
	.certifi-wrap{padding:40px 10px; box-sizing:border-box}
	.certification-wrap2 dl{padding:40px 10px}
	.dot-list > li{font-size:12px}
	.certification-wrap2 .use-guide .links a{margin-top:5px}

	.header_wrap{padding-top:10px}
	.header_teacher{position:absolute; float:none; right:-20px; top:0}
	.header_teacher a{right:20px; top:30px}
	.right_menu{position:absolute; float:none}

	.inquiry_box ul{width:100%}
	.inquiry_box ul>li {width: 32%;margin-left: 2%;}
	.tb_select_menu{width:300px; transform:translate(-50%,0); top:55%}
	.tb_select_menu>ul>li{margin-left:10px; width:52px; height:52px; border-radius:52px; line-height:48px}
	.sub_banner2{background-position:-1300px}
	.sub_banner7{background-position:-1100px}
	.sub_banner5{background-position:-450px}
	.sub_banner4{background-position:-1150px}

	.intro-base td{float:left; clear:both}
	.intro-base th{float:left; clear:both}

	.tb_check>ul>li{width:50%; box-sizing:border-box}

	.bx_tab{width:250px}
	.bx_tab>ul>li{width:50px; }
	.bx_tab>ul>li>a{font-size:14px;}

	.btn-dataroom{width:50%}

	.wati_text{font-size:23px}
	.wait_img img{width:120px}

	.brand_list>li>figure>img{height:290px}

	.tsol_box{transform:translateY(-40%)}
	.tsol_box>p{font-size:15px}
	.tsol_box ul{width:auto}
	.tsol_box ul>li{display:block}
	.br_none{display:block}

	.tsol_box2>p{margin-top:50px;}
	.tsol_box2{transform:translateY(-40%)}
	.tsol_box2 ul{margin-top:0px;}
	.tsol_box2 ul>li{display:block}
	.tsol_box2 ul>li:first-child{margin-top:20px}
	.tsol_box2 ul>li:last-child{margin-top:20px}
	.tsol_box2 ul>li.tsol_li1{text-align:center;}
	.tsol_box2 ul>li.tsol_li2{text-align:center;}
	.tsol_box2 ul>li.tsol_li1>p>a>img{width:75%;}
	.tsol_box2 ul>li.tsol_li2>p>a>img{width:75%;}

	.tsol_box2>p{font-size:12px}
	.tsol_box2>p>span.span1{font-size:12px;}
	.tsol_box2>p>span.span2{font-size:18px;}
	.tsol_box2>p>span.span3{font-size:18px;}
}
@media (min-width: 600px){
.event-list > ul > li:nth-child(2n + 1) {  clear: both; float: left;}
.event-list > ul > li {float: left; width: 50%;margin: 0; box-sizing: border-box;}

}
@media all and (max-width:600px) {
	.tsol_box > ul > li > a > img{width:50%;}
}
@media all and (max-width:580px) {
	.sub_banner>h2{line-height:25px; top:47%}
	.sub_banner>p{top:57%}
	.sub_banner>h2>span{line-height:10px}
	.sub_banner>h2 span br{display:block}
/*.footer_wrap .foot_logo{top:-90px}*/
.sub_intro_img{padding-bottom:300px}

.dp-con-wrap .txt{width:100%}
.dp-con-wrap .photo{width:50%; margin-bottom:10px; margin-left:25%}
.dp-con-wrap .txt dt{border-bottom:2px solid #777}

.dp-contents-view2 dt{font-size:20px; margin-bottom:10px}
.dp-contents-view2 > div{width:95%; margin-left:2.5%}

.about_wrap>ul>li{width:100%; margin-left:0}
.about_wrap>ul>li:last-child .about_text{padding-top:20px}

.brand_list>li>.brand_text h4{font-size:16px}
.brand_list>li>.brand_text a{font-size:14px}
.brand_wrap h3{font-size:25px}
.brand_wrap>p{font-size:15px; width:90%; margin:0 auto}
.brand_wrap>p>br{display:none}

.referBook-search a{position:absolute; right:auto; left:0; top:-40px}
.referBook-search{text-align:right; position:relative}

.join_icon>ul{width:320px}
.join_icon>ul>li{margin-bottom:10px}
.join_icon>ul>li:nth-child(3n+1){margin-left:0}
.join_icon>ul>li p{font-size:12px}
.join-end-wrap h3{font-size:25px}
.join-end-wrap p{font-size:14px}

.about_text{width:60%}

.present_box>div{width:100%}

.search_list>ul>li h2{font-size:18px}
.search_list>ul>li div.search_sub p{font-size:14px}
.search_list>ul>li p.search_navi{font-size:12px}
.search_img_text p{font-size:14px}

}
@media all and (max-width:540px) {
.event-list2>ul>li{width:252px; margin:0 auto}	
}
@media all and (max-width:500px) {
.icon_box{width:100%}	
.icon_box>ul>li{margin-bottom:15px}
.icon_box>ul>li:first-child{margin-left:0px}

.paging a { width: 40px;height: 40px;line-height: 40px;}
.paging .num {display: none;}
.paging .current { display: inline-block;}

/*.footer_top{width:100%; left:0; margin-left:0}*/
.search-form table br.br1{display:block}
.univ_view_box>div{width:100%}
.univ_text h3{font-size:25px}
.awards_tabs>ul{display:flex; flex-wrap:wrap}
.awards_tabs>ul>li{width:50%; display:inline-block}

.business_wrap>ul>li>div{display:block}
.busi_img>figure{margin:0 auto}
.busi_text{margin-top:30px; padding-left:0; width:95%; margin-left:2.5%}
.busi_text::after{display:none}

.arb_wrap .text_container{padding-left : 40px;}
.arb_wrap .text_container ul{max-width : calc(100% - 40px); }
.arb_wrap .text_container ul li {display: flex; align-items: flex-end;}
.arb_wrap .text_container ul li a{background-color: rgba(236,236,236,0.9); border : solid 1px #e1e1e1; margin-bottom : -20px; padding : 10px;}
.arb_wrap .text_container ul .swiper-slide a {width : 100%; margin-right : 10px; padding : 10px;}
.arb_wrap .text_container ul .swiper-slide a h2{font-size : 18px; line-height: 22px;}
.arb_wrap .text_container ul .swiper-slide a>p{line-height: 20px;}
.arb_wrap .text_container ul .swiper-slide-active a{ margin-bottom : 0px; padding : 10px;}
.arb_wrap .img_container .swiper-slide .img_box{}
.arb_wrap .img_container .swiper-slide-active .img_box img{width : 260px; bottom : 100px;}
.referBook_right>ul>li{width:33.33%}
.view_title{}

.comment-table .select_sns{position:relative; text-align:left}

.agree-wrap label{display:block}

.referBook-search input[type="text"]{width:200px}

.dormancy_box2_in{width:90%; margin-left:5%}
/*.dormancy_box1 p br{display:none}*/
.dor_img{width:100%; text-align:center; padding:0}
}
@media all and (max-width:451px) {
	.icon_box{width:320px; margin:20px auto 0}
	.icon_box>ul>li{width:56px; margin-left:5px}
	.icon_box>ul>li figure{width:56px; height:56px; border-radius:56px; border:3px solid #e5e5e5}
	.icon_box>ul>li figure>img{width:60%; line-height:56px}
	.banner_btn a{margin-top:10px}	

	.news_list>ul>li{width:90%; margin-left:5%}
	.news_list>ul>li:nth-child(3n+1){margin-left:5%}
	.news_list>ul>li:nth-child(2n+1){margin-left:5%}

	.bottom_banner_wrap .tb_icon_box>ul>li{ width:56px;}
	.bottom_banner_wrap .tb_icon_box>ul>li figure{width:56px; height:56px; border-radius:56px}

	.seed_point h3 a{display:block; margin-bottom:5px; margin-left:0}

	.brand_list>li>figure>img{height:240px}
	.referBook-list>ul>li .photo img{height:145px}
}
@media all and (max-width:400px) {
	.gnb>ul{width:320px}
	.gnb>ul>li{padding:0 10px}
	.gnb>ul>li>a{font-size:12px}
	.icon_box2>ul>li{width:65px}
	.icon_box2>ul>li>figure{height:40px}
	.title_img p{font-size:15px; line-height:22.5px; left:10px; top:10px}
	.referBook-search .keyword{width:200px}
	.top_text>div{font-size:10px}
	.search-test select{width:100% !important; margin-bottom:5px}

	.join-end-wrap p>br{display:none}

	.sns_all_out{position:relative; width:100%; margin-top:10px}
	.comt-form{margin-top:60px}

	.inquiry_box ul>li img{width:50px}
	.inquiry_box ul>li p{font-size:14px}
	.img_search div{float:none; width:100%}
	.img_search div.search_img_text{padding-top:0; padding-left:0}
}
@media all and (max-width:380px) {
	.top_text>div>p{font-size:11px}
	.book_text a{width:100%; text-align:center; margin-top:10px; padding:10px 0}
	.comment-wrap .comt-top .sns-login{float:left; margin-top:10px}
	.login_box{border:none}
	.brand_list>li{width:90%; margin-left:5%; margin-bottom:5%}
	
	.rfbook_list>ul>li{width:90%; margin-left:5%}
	.rfbook_list>ul>li:nth-child(2n+1){margin-left:5%}
	.rfbook_list>ul>li:nth-child(3n+1){margin-left:5%}
	.acc-content-inner li{width:95%; margin-left:2.5%}
	.event-list2>ul>li{width:96%}
	
	.brand_list>li>figure>img{height:auto}
}
@media all and (max-width:330px) {
	/*.footer_wrap .foot_logo{top:-110px}*/	
	.referBook-list>ul>li{width:90%; margin-left:5%}
	.referBook-list>ul>li:nth-child(3n+1){margin-left:5%}

	.sub_title_box{width:95%}
	.sub_title_box img{width:30px}
	.referBook-search{text-align:left}
}
@media (max-width: 750px) and (min-width: 360px){
	#center_layer { width: 340px !important}
	#downloadControl_table {
		width: 190px !important;
	}
	.innorix_uigroup .innorix_filename {
		width: 190px;
	}
}