@charset "utf-8";
/* 레이아웃 및 공통스타일 */
@import url(reset.css);

/*font*/
/* 고도체 */
@font-face{
 font-family:'Godo';
 font-style:normal;
 font-weight:400;
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');
}
@font-face{
 font-family:'Godo';
 font-style:normal;
 font-weight:700;
 src:url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff2') format('woff2'),
     url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoB.woff') format('woff');
}
/*nanum gothic*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');


/* index */
.book div dl{padding-left:125px; position:relative;}
.movie h3{padding-bottom:20px}
.book h3{padding-bottom:20px}
body.index { background:url(../images/bg_index.png) repeat-x top;} 
body.index #main { margin:0 auto; width:1200px;}
body.index .main_visual{height: 350px;border-top: 1px solid #e3e5e4;}
body.index #visual { height:350px; overflow:hidden;}
body.index #visual > div { position:relative; text-align:left;}
body.index #visual > div.pagination { background:none; position:absolute;}
body.index #visual > div .list { position:absolute; left:0; top:33px;}
body.index #visual > div .list li { padding:0 0 1px 0;}
body.index #visual > div .list a { display:block; position:relative; width:96px; height:70px; background:#fff; line-height:70px; color:000; text-align:center;}
body.index #visual > div .list a.line2 { padding-top:20px; height:50px; line-height:normal;}
body.index #visual > div .list a:hover { background:#98041f; color:#fff;}
body.index #visual > div .list a:hover:after { content:""; display:block; position:absolute; right:-20px; top:50%; margin-top:-10px; border-width:10px; border-color:transparent transparent transparent #98041f; border-style:solid;}
body.index #visual > div .java_slide { position:relative; padding:45px 0 0 0; height:305px; background:url(../images/index_object1.png) no-repeat 680px 25px;}
body.index #visual > div .java_slide { padding-left:150px;}
body.index #visual > div .java_slide .txt h2 { padding:0 0 20px 0;}
body.index #visual > div .java_slide .txt .txt1 a { font-size:20px; color:#000;}
body.index #visual > div .java_slide .txt .txt1 a:hover {color:#0000ff;}
body.index #visual > div .java_slide .txt .txt2 { padding:15px 0 0 0; font-size:14px; color:#09325e;}
body.index #visual > div .java_slide .info { position:absolute; right:20px; top:60px; width:245px; height:260px; background:#fff;}
body.index #visual > div .java_slide .info > div { padding:15px;}
body.index #visual > div .java_slide .info h2 { color:#707070;}
body.index #visual > div .java_slide .info h2 strong { display:block; padding:5px 0 0 0; font-size:18px;  color:#333;}
body.index #visual > div .java_slide .info h2 strong span { color:#357dc7;}
body.index #visual > div .java_slide .info th,
body.index #visual > div .java_slide .info td { height:40px; border-top:1px solid #e5e5e5; color:#767676; }
body.index #visual > div .java_slide .info th { text-align:left; font-weight:normal;}
body.index #visual > div .java_slide .info tr:first-child th { border-top:1px solid #4285cd; color:#4285cd;}
body.index #visual > div .java_slide .info tr:first-child td { border-top:1px solid #ccc; color:#4285cd;}
body.index #visual .swiper-container {width: 100%;color: #fff;text-align: center;}
body.index #visual .pagination {position: absolute;z-index: 20;left: 0px;top: 33px;}
body.index #visual .swiper-pagination-switch { display: block;position: relative; margin-bottom:2px;width: 96px;height: 70px;background:#fff;line-height: 70px;color:#000;text-align: center; cursor:pointer;}
body.index #visual .swiper-pagination-switch.swiper-visible-switch,
body.index #visual .swiper-pagination-switch:hover { background:#98041f; color:#fff;}
body.index #visual .swiper-pagination-switch..swiper-visible-switch:after,
body.index #visual .swiper-pagination-switch:hover:after { color:#fff;}
body.index #visual .swiper-active-switch {background: #fff;}

body.index #main { padding:55px 0 80px 0;}
body.index #main .top { height:500px;background-image:url(../images/2015/bg_b.gif); }
body.index #main .top:after { content:""; display:block; clear:both;}
body.index #main .top .block { float:left; position:relative; padding-left:45px; width:370px;}
body.index #main .top .block:first-child { padding:0;}
body.index #main .top .block .info,
body.index #main .top .block .notice { height:235px;}
body.index #main .top .block .info h2,
body.index #main .top .block .notice h2 { position:relative; margin:0 0 20px 0; padding:0 0 10px 0; color:#272727; font-size:20px; border-bottom:2px solid #949494;}
body.index #main .top .block .info h2:after,
body.index #main .top .block .notice h2:after { content:""; display:block; position:absolute; left:0; bottom:-2px; height:2px; width:120px; background:#3a3a3a;}
body.index #main .top .block.set2 .info h2:after { width:110px;}
body.index #main .top .block.set3 .notice h2:after { width:80px;}
body.index #main .top .block .more { position:absolute; right:0; top:2px;}
body.index #main .top .block .info > div { position:relative; padding-left:150px; top:-150px;}
body.index #main .top .block .info > div img { position:absolute; left:0; top:0;}
body.index #main .top .block .info li { padding:0 0 10px 10px; background:url(../images/bu_square_gray.gif) no-repeat 0 7px;}
body.index #main .top .block.set1 .info {}
body.index #main .top .block.set2 .info > div { padding-left:150px;}
body.index #main .top .block.set2 .info span { display:block; position:absolute; left:0; top:70px; color:#5098e0; text-decoration:underline; line-height:17px;}
body.index #main .top .block .notice .txt { position:absolute; left:120px; top:5px; color:#8494a3;}
body.index #main .top .block .notice ul { margin-top:-5px;}
body.index #main .top .block .notice li { background:url(../images/bu_square_gray.gif) no-repeat 0 7px; margin:0 0 5px 0; padding:0 0 5px 10px; border-bottom:1px dashed #d7d7d7;}
body.index #main .top .block .interview { position:relative;}
body.index #main .top .block .interview h2 { padding:0 0 10px 0; font-size:20px; color:#272727}
body.index #main .top .block .interview .more { position:absolute; right:0; top:3px;}
body.index #main .top .block .interview .more a { margin-left:2px;}
body.index #main .top .block .interview .txt { padding:0 0 10px 0; color:#8898a5;}
body.index #main .top .block .interview > a { display:block; padding:0 0 0 130px; position:relative; color:#555;}
body.index #main .top .block .interview > a img { position:absolute; left:0; top:0; width:99px; height:84px; border:3px solid #bfbfbd; vertical-align:middle;}
body.index #main .top .block .interview > a strong { display:block; padding:30px 0 0 0; font-size:11px; color:#030303;}
body.index #main .top .block .interview > a strong span  { color:#115c95; font-size:18px;}
body.index #main .top .block .interview > a em { position:absolute; left:0; top:100px; display:block; width:100%;}
body.index #main .top .block .movie { position:relative;margin-top:50px;}
body.index #main .top .block .movie h2 { padding:0 0 10px 0; font-size:20px; color:#272727}
body.index #main .top .block .movie .txt { padding:0 0 10px 0; color:#8898a5;}
body.index #main .top .block .movie .mov_box { position:relative; padding:0 0 0 180px;}
body.index #main .top .block .movie .mov_box .mov { position:absolute; left:0; top:0;}
body.index #main .top .block .movie .mov_box .mov a { display:block;}
body.index #main .top .block .movie .mov_box .mov img { border:3px solid #bfbfbf;width:163px; height:116px;}
body.index #main .top .block .movie .mov_box > a { display:block; margin:5px 0 0 0; width:95px; height:25px; line-height:25px; background:#97031d; color:#fff; text-align:center;}
body.index #main .top .block .book { position:relative;margin-top:50px;}
body.index #main .top .block .book h2 { padding:0 0 10px 0; font-size:20px; color:#272727}
body.index #main .top .block .book .more { position:absolute; right:0; top:3px;}
body.index #main .top .block .book .more a { margin-left:2px;}
body.index #main .top .block .book > div { position:relative; padding-left:130px;}
body.index #main .top .block .book > div .img { position:absolute; left:0; top:0; width:117px; height:152px; background:url(../images/bg_book.png) no-repeat;}
body.index #main .top .block .book > div .img img { padding:1px 0 0 2px;}
body.index #main .top .block .book > div dl { padding:10px 0 0 0;}
body.index #main .top .block .book > div dl dt { font-size:18px; color:#135a92;}
body.index #main .top .block .book > div dl dd.sub p { padding:2px; margin:2px 0; font-size:11px; color:#555555; background:#e1e1e1;}
body.index #main .top .block .book > div dl dd { padding:5px 0 0 0; color:#8b8b8b;}
body.index #main .btm { clear:both;padding-top:15px;}
body.index #main .btm:after { content:""; display:block; clear:both;}
body.index #main .btm > div { float:left;}
body.index #main .btm .ad1 { width:796px; height:202px;}
body.index #main .btm .ad1.bg1 { position:relative; background:url(../images/index_ad.png) no-repeat;}
body.index #main .btm .ad1.bg1 ul { position:absolute; left:170px; top:138px;}
body.index #main .btm .ad1.bg1 ul li { float:left; padding:0 2px;}
body.index #main .btm .ad1.bg1 ul li a { display:block; width:170px; height:30px; line-height:30px; text-align:center; background:#fff;color:#3b3b3b;}
body.index #main .btm .ad2 { padding:20px; width:363px; height:162px; background:url(../images/bg_index2.gif) no-repeat;}
body.index #main .btm .ad2 h2 { padding:0 0 5px 0; font-size:18px; color:#292929; line-height:18px;}
body.index #main .btm .ad2 p { padding:0 0 10px 0; color:#727272;}
body.index #main .btm .ad2 h3 { padding:0 0 2px 0; font-weight:normal; color:#0b4573; font-size:12px;}
body.index #main .btm .ad2 div { font-size:20px; font-weight:bold; color:#1368a9; line-height:18px;}
body.index #main .btm .ad2 span { display:block; padding:5px 0 10px; color:#707070; letter-spacing:-0.5px;}
body.index #main .btm .ad2 a { display:block; width:113px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:15px; background:#666;}


/* layout */
body { background:url(../images/bg_index.gif) repeat-x top;}
#header, 
#wrap { margin:0 auto; width:1200px;}
#header { position:relative; padding:46px 0 0 0;}
#header:after { content:""; display:block; clear:both;}
#header h1,
#header #lnb { float:left;}
#header h1 { padding:8px 35px 0 8px;}
#header #lnb > ul { position:relative;}
#header #lnb > ul > li { float:left;}
#header #lnb > ul > li > a { display:block; padding:0 15px; height:88px; line-height:88px; text-align:center; color:#dfefff; font-size:17px; font-weight:bold; letter-spacing:-0.5px;}
#header #lnb li ul { display:none !important; position:absolute; top:50px;}

#header .search { float:right; padding:27px 0 0 0;}
#header .search input { width:200px; height:28px; line-height:28px; border:1px solid #d5d5d5; text-indent:5px; color:#9c9c9c; font-size:11px;}
#header .search a { margin-left:-25px;}
#header .spot { position:absolute; right:0; top:16px;}
#header .spot li { float:left; position:relative; padding-left:20px; }
#header .spot li a { color:#cececf;}
#header .spot li:after { content:""; display:block; position:absolute; left:10px; top:3px; height:10px; border-left:1px solid #e1e1e1;}
#header .spot li:first-child:after { display:none;}
#location { position:relative; height:37px;}
#location div { position:absolute; right:0; top:11px; padding-left:17px; background:url(../images/ico_home.gif) no-repeat 0 0; color:#a3a3a3;}
#location div strong { color:#3b3b3b; font-weight:normal;}
#container:after { content:""; display:block; clear:both;}
#snb { float:left; padding:40px 0 0 0; width:250px;}
#snb h2 { padding:35px 0 35px 10px; border-top:6px solid #1e6cbe; color:#0f3d71; font-size:25px; font-weight:normal;}
#snb > ul { position:relative; border-bottom:1px solid #dedede;}
#snb > ul:after { content:""; display:block; position:absolute; left:0; bottom:-3px; width:100%; border-bottom:2px solid #efefef;}
#snb > ul > li > a { display:block; height:34px; line-height:34px; color:#4c4c4c; font-size:15px; text-indent:10px; border-top:1px solid #e4e4e4}
#snb > ul > li > a:hover,
#snb > ul > li > a.on { background:url(../images/bg_snb.gif) repeat-x; color:#fff;}
#snb > ul > li > ul { padding:7px 25px; border-top:1px solid #e4e4e4;}
#snb > ul > li > ul li { padding:7px 0;}
#snb > ul > li > ul a { position:relative; display:block; color:#777;}
#snb > ul > li > ul a:hover,
#snb > ul > li > ul a.on { color:#40a0d3;}
#snb > ul > li > ul a:after { content:"-"; position:absolute; left:-10px; top:0;}
#snb > div { padding:70px 0 100px;}
#snb > div > a { display:block; margin:0 0 10px 0;}
#contents { float:right; width:900px; padding:0 0 150px 0;}
#contents .head { margin-bottom:55px; height:144px; background:url(../images/bg_visual2.gif) no-repeat right top; border-bottom:1px solid #d6d6d6;}
#contents .head h1 { padding:52px 0 10px 0; font-size:30px; color:#404040; font-weight:normal;}
#contents .head p { font-size:17px; color:#7e7e7e; font-weight:bold; letter-spacing:-0.3px;}
#footer { background:#f5f5f5; height:130px; clear:both;}
#footer > div { position:relative; padding:22px 0 0 180px; margin:0 auto; width:1020px; line-height:18px;}
#footer > div .ft_logo img { position:absolute; left:18px; top:33px;}
#footer > div address { padding:0 0 5px 0; color:#8e8e8e; font-size:11px;}
#footer > div p { color:#aaa; font-size:11px;}
.sns_area{position:absolute; top:20px; right:0;}
.sns_area a{display:inline-block;}
.sns_area a img{width:28px; height:28px;margin-right:3px;}

/* style */
* + table { margin-top:10px;}
.btn_type1 { display:inline-block; padding:0 15px; height:36px; background:#d03636; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type2 { display:inline-block; padding:0 15px; height:36px; background:#6699db; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type3 { display:inline-block; padding:0 15px; height:36px; background:#679d9d; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type4 { display:inline-block; padding:0 15px; height:36px; background:#6dc793; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type5 { display:inline-block; position:relative; padding:0 40px 0 20px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:17px; background:#1a68bd;}
.btn_type5:after { content:""; display:block; position:absolute; right:13px; top:12px; width:7px; height:12px; background:url(../images/ico_arrow_right.gif) no-repeat;}
.btn_type7 { display:inline-block; position:relative; padding:0 40px 0 15px; height:38px; line-height:38px; text-align:center; color:#3b3b3b; font-size:14px; font-weight:bold;}
.btn_type7:after { content:""; display:block; position:absolute; right:13px; top:13px; width:7px; height:12px; background:url(../images/bu_arrow.png) no-repeat;}
.btn_type7.color1 { background:#afde96;}
.btn_type7.color2 { background:#e5b769;}
table td.ac { padding:0 !important; text-align:center;}
table td.subject { padding-left:10px !important; padding-right:10px !important;}
table.line td.ac { padding:10px 0 !important;}
table.line th,
table.line td { border-left:1px solid #e6e7e9;}
table.line th:first-child,
table.line td:first-child { border-left:none;}
table.type1 thead th { border-top:1px solid #1f6bbf; border-bottom:1px solid #1f6bbf; border-left:1px solid #346c9f; color:#fff; height:32px; background:#468fd4;}
table.type1 thead th:first-child { border-left:none;}
table.type1 tbody td { padding:25px 0 25px 15px; border-bottom:1px solid #dadada; border-left:1px solid #bebebe;}
table.type1 tbody td:first-child { border-left:none;}
table.type2 { border-bottom:1px solid #1f75c8; background-color:#fff;}
table.type2 tr:first-child th,
table.type2 tr:first-child td { border-top:1px solid #1f75c8;}
table.type2 tr th,
table.type2 tr td { padding:5px 15px; height:27px; border-top:1px solid #dadada; border-left:1px solid #dadada;}
table.type2 tr th:first-child { border-left:none;}
table.type2 tr th { text-align:left; background:#f5f5f5;}
table.type2 select,
table.type2 textarea,
table.type2 input[type="text"] { background:#ececec; border:none;}
table.type2 th { color:#727272;}
table.type2 th strong{ color:#c40001;}
table.type3 thead th { height:35px; border-top:2px/* solid #8ab9cd*/; border-bottom:2px solid #8ab9cd; /*background:#f9fbfd;*/}
table.type3 tbody td { padding:25px 0; border-bottom:1px solid #eaeaea;}
table.type3.td tbody td { padding:10px 0;}
table.type3.td2 tbody td { padding:10px;}
table.type3.td2 tbody td.ac { text-align:center;}
.list_type1 { padding-left:28px;}
.list_type1 li { position:relative; padding:0 0 2px 0;}
.list_type1 li:after { content:""; display:block; position:absolute; left:-10px; top:1px;}
.device { position:relative; float:left;}
.paging { padding:20px 0; text-align:center;}
.paging strong { padding:0 20px;}
.paging > a { display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; color:#8c8c8c; font-size:12px;}
.paging > a.on { color:#000;}
.tabs { padding-left:10px; height:43px; border-bottom:1px solid #c2c2c2;}
.tabs:after { content:""; display:block; clear:both;}
.tabs li { float:left; margin-left:-1px; border:1px solid #c2c2c2; border-bottom:none;}
.tabs li a { display:block; width:134px; height:42px; line-height:42px; text-align:center; color:#7d7d7d; font-size:15px; font-weight:bold;}
.tabs li.ui-state-active { border-top:2px solid #1f6bbf;}
.tabs li.ui-state-active a { height:41px; color:#0e63a3; border-bottom:1px solid #fff;}
.tab_con { padding:30px 0 0 0;}
.title.solo { padding:0; margin-bottom:20px; height:133px; background:url(../images/bg_snb.gif); text-align:center;}
.title.solo h3 { display:inline-block; position:relative; z-index:3; padding:33px 70px 0 90px; height:100px; background:url(../images/bg_edu2.png) no-repeat 0 center; font-size:30px; color:#fff; text-align:left;}
.title.solo h3 span { display:block; font-size:12px; font-weight:normal;color:#9ac6f5;}
.title.solo h3:after { content:""; display:block; z-index:1; background:url(../images/bg_human.png) no-repeat; width:98px; height:133px; position:absolute; right:0; top:0;}

/* sub */
.edu_list > div { margin:20px 0 0 0; padding:65px 0 0 360px; height:220px; border-top:1px dashed #d9d9d9; clear:both;}
.edu_list > div:first-child { border:none;}
.edu_list > div.oracle { background:url(../images/bg_monitor1.gif) no-repeat 27px 40px;}
.edu_list > div.web { background:url(../images/bg_monitor2.gif) no-repeat 27px 40px;}
.edu_list > div.android { background:url(../images/bg_monitor3.gif) no-repeat 27px 40px;}
.edu_list > div.open { background:url(../images/bg_monitor4.gif) no-repeat 27px 40px;}
.edu_list > div h2 { font-size:19px; color:#111;}
.edu_list > div .txt { padding:10px 0 20px; color:#818181; line-height:18px;}
.edu_list > div .date { padding:0 0 20px 0; color:#363636;}
.edu_list > div .btn a { margin-right:10px;}

.ad_list > div { float:left; margin:5px; padding:10px; width:260px; height:120px; border:1px solid #d9d9d9; }
.ad_list > div:hover { border:1px dashed #d9d9d9; }
.ad_list > div:hover h2 { color:#0474cc;}
.ad_list > div h2 { font-size:19px; color:#111;}
.ad_list > div .txt { padding:10px 0 10px; color:#818181; line-height:18px;}
.ad_list > div p + a {  display: inline-block;  min-width: 84px;  height: 20px;  line-height: 20px;  padding: 0 10px 0px 30px;  background: #043963 url('../images/bul_go.gif') no-repeat 0 0;  font-size: 11px;  color: #fff;
  vertical-align: middle;}

.edu_info .title { padding:13px 0 0 0; height:260px; background:url(../images/bg_edu.jpg) no-repeat left bottom; text-align:center;}
.edu_info .title table { display:inline-block; margin-left:-26px; width:265px;}
.edu_info .title table td { height:165px; font-size:23px; color:#fff; text-shadow:0 0 2px #000; font-weight:bold; letter-spacing:-0.5px; line-height:23px; text-align:center; width:265px;}
.edu_info .title table td span { display:block; font-size:18px; text-shadow:none; line-height:18px;}
.edu_info .info { border-top:2px solid #8ab8cf; border-bottom:2px solid #8ab8cf;}
.edu_info .info th,
.edu_info .info td { height:15px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea}
.edu_info .info th { text-align:left; padding:0 0 0 25px; color:#585858;}
.edu_info .info th:first-child { border-left:none;}
.edu_info .info td { padding:10px 20px; color:#2c2c2c;}
.edu_info .info td.infos { background:#eaeaea; border-left:none;}
.edu_info .info td.infos div { padding-left:55px; color:#383838; font-size:15px;}
.edu_info .info td.infos div a { height:25px; line-height:25px; font-size:12px; vertical-align:middle;}
.edu_info .info td.infos div strong { font-size:16px; color:#0876a9;}
.edu_info .info td.cash { color:#b80403;}
.edu_info .detail { padding:25px 0 0 0;}
.edu_info .detail .con .title { padding:0; margin-bottom:20px; height:133px; background:url(../images/bg_snb.gif); text-align:center;}
.edu_info .detail .con .title h3 { display:inline-block; position:relative; z-index:3; padding:33px 70px 0 90px; height:100px; background:url(../images/bg_edu2.png) no-repeat 0 center; font-size:30px; color:#fff; text-align:left;}
.edu_info .detail .con .title h3 span { display:block; font-size:12px; font-weight:normal;color:#9ac6f5;}
.edu_info .detail .con .title h3:after { content:""; display:block; z-index:1; background:url(../images/bg_human.png) no-repeat; width:98px; height:133px; position:absolute; right:0; top:0;}
.edu_info .detail h4 { padding:30px 0 15px 15px; font-size:16px; color:#242424;}
.edu_info .detail .box { border:1px solid #d8d8d8; background:#fff;}
.edu_info .detail .box.intro { padding:15px;}
.edu_info .detail .box.intro dt { margin-top:20px; display:inline-block; padding:0 15px; height:27px; line-height:27px; background:#2e587e; text-align:center; color:#fff; font-size:15px;}
.edu_info .detail .box.intro dt:first-child { margin:0;}
.edu_info .detail .box.intro dd { padding:15px 0 0; color:#727272;}
.edu_info .detail .box.intro > p { line-height:18px; padding:0 0 20px 0;}
.edu_info .detail .box.intro dd li { padding:0 0 4px 7px; background:url(../images/bu_circle.gif) no-repeat 0 5px;}
.edu_info .detail .box.loadmap { padding:35px; text-align:center;}
.edu_info .detail .box.profile { position:relative; min-height:225px; padding:20px 20px 20px 280px;}
.edu_info .detail .box.profile > img { position:absolute; left:20px; top:20px; border:2px solid #bfbfbf;}
.edu_info .detail .box.profile h5 { padding:0 0 10px 0; font-size:25px; color:#313131; letter-spacing:-1px;}
.edu_info .detail .box.profile .txt { padding:0 0 10px 0; font-size:15px; color:#727272; border-bottom:1px dashed #cec9c3;}
.edu_info .detail .box.profile .category { padding:15px 0; color:#717370;}
.edu_info .detail .box.profile .category strong { color:#101010;}
.edu_info .detail .box.profile .experence strong { display:block; padding:0 0 5px 0; color:#101010;}
.edu_info .detail .box.profile .experence p { color:#717171;}
.edu_info .detail .box.profile .experence ul { padding:5px 0 0 0;}
.edu_info .detail .box.profile .experence li { position:relative; padding:0 0 5px 10px; color:#717171;}
.edu_info .detail .box.profile .experence li:after { content:"-"; position:absolute; left:0; top:0;}
.edu_info .detail .box.slide { position:relative; padding:50px 85px;}
.edu_info .detail .box.slide:after { content:""; display:block; clear:both;}
.edu_info .detail .box.slide .device { width:730px; height:428px;}
.edu_info .detail .box.slide .device .swiper-container { width:730px; background:url(../images/bg_picture.gif); border:1px solid #dddad5;}
.edu_info .detail .box.slide .device .swiper-wrapper { height:428px !important;}
.edu_info .detail .box.slide .swiper-button-next { display:block; position:absolute; right:-72px; top:50%; margin-top:-30px; z-index:10; cursor:pointer; width:59px; height:59px; background:url(../images/btn_right.gif) no-repeat;}
.edu_info .detail .box.slide .swiper-button-prev { display:block; position:absolute; left:-72px; top:50%; margin-top:-30px; z-index:10; cursor:pointer; width:59px; height:59px; background:url(../images/btn_left.gif) no-repeat;}
.edu_info .detail .box.slide .swiper-slide { position:relative;}
.edu_info .detail .box.slide .swiper-slide .info { position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; background:url(../images/bg_title.gif); border:none;}
.edu_info .review_list { padding:0 0 60px 0; border-bottom:1px dashed #d8d8d8;}
.edu_info .review_list dt { padding:0 0 0 22px; height:32px; line-height:32px; background:#8d8d8d; border-top:1px solid #6f6f6f; border-bottom:1px solid #6f6f6f; color:#fff; font-size:14px;}
.edu_info .review_list dd { padding:15px 20px;}

.reveiw_write { margin:85px 0 0 0; padding:20px 25px; border-top:1px solid #206cc0; border-bottom:1px solid #206cc0; background:#468fd4;}
.reveiw_write h3 { font-size:18px; color:#fff;}
.reveiw_write .select { padding:15px 0 20px; font-size:15px; color:#fff;}
.reveiw_write .select label { padding:0 10px 0 0;}
.reveiw_write .write { position:relative; padding:0 90px 0 0;}
.reveiw_write .write a { display:block; position:absolute; right:0; top:0; width:74px; height:85px; background:#565656; text-align:center; line-height:85px; color:#fff;}
.reveiw_write .write textarea { width:100%; border:1px solid #cecece; height:80px;}

.agreement { overflow:auto; height:160px; padding:20px; border:1px solid #d9d9d9;}
.agreement  * { color:#9a9595; font-size:13px; line-height:20px;}
.agree { padding:20px 0; text-align:center;}
.agree > div { padding:0 0 35px;}

.join_complete { height:325px; background:url(../images/bg_snb.gif);}
.join_complete > div { position:relative; padding:80px 0 0 240px; width:370px; margin:0 auto;}
.join_complete > div img { position:absolute; left:0; top:22px;}
.join_complete > div .txt1 { padding:0 0 5px 0; font-size:22px; color:#fff; font-weight:bold;}
.join_complete > div .txt2 { padding:0 0 5px 0; color:#fff;}
.join_complete > div .txt3 { padding:0 0 5px 0; color:#99c5f4;}
.join_complete > div .phone { padding:0 0 15px 37px; background:url(../images/ico_phone.png) no-repeat; font-size:25px; font-weight:bold; color:#fff;}

.tip { font-size:14px; color:#9962ca;}
.tip  + * { margin-top:10px;}

.sns_talk { border-top:1px solid #d0d0d0;}
.sns_talk th,
.sns_talk td { height:87px; border-bottom:1px solid #d0d0d0; text-align:center;}
.sns_talk th { position:relative; background:#d2deee; color:#414141; font-size:14px;}
.sns_talk th span { display:none;}
.sns_talk td.con { text-align:left;}
.sns_talk td .photo { position:relative;}
.sns_talk td .photo img { width:68px; height:68px;}
.sns_talk td .photo span { position:absolute; left:33px; top:-4px; z-index:10; width:74px; height:75px; background:url(../images/bg_sns2.png) no-repeat;}
.sns_talk tr.bg td {background:#f3f3f3}
.sns_talk tr.bg td .photo span { background:url(../images/bg_sns1.png) no-repeat;}
.sns_talk tr:hover th { background:#073789; color:#fff; font-weight:bold;}
.sns_talk tr:hover th:after { content:""; display:block; position:absolute; right:-20px; top:50%; margin-top:-10px; border-width:10px; border-style:solid; border-color:transparent transparent transparent #073789;}
.sns_talk td.con { vertical-align:top; padding:10px 0;}
.sns_talk td.con strong { display:block; padding:0 0 3px 0; color:#1a5fc6;}

.faq { border-top:2px solid #8ab8ce; border-bottom:2px solid #8ab8ce;}
.faq h3 { position:relative; padding:0 0 0 80px; height:33px; line-height:33px; cursor:pointer; border-top:1px solid #eaeaea;}
.faq h3:first-child { border-top:none;}
.faq h3:after { content:"Q"; display:block; position:absolute; left:20px; top:8px; font-size:14px; color:#818181; line-height:normal; font-weight:bold;}
.faq h3.ui-accordion-header-active { color:#323232;}
.faq h3.ui-accordion-header-active:after { color:#cc3f3f;}
.faq > div { padding:35px 35px 35px 80px; position:relative; background:#f7f7f7;}
.faq > div:after { content:"A"; display:block; position:absolute; left:20px; top:35px; font-size:14px; color:#cc3f3f; line-height:normal; font-weight:bold;}

.book_list {border-bottom:2px solid #8ab8ce;}
.book_list .book_head h2 { position:relative; padding:0 85px; height:35px; line-height:35px; background:#f9fbfd; border-top:2px solid #8ab8ce; font-size:13px; color:#3e3e3e;}
.book_list .book_head h2 span { position:absolute; right:0; top:0; width:85px; text-align:center;}
.book_list .book_head h2 span:first-child { left:0;}
.book_list .book_con h3 { position:relative; padding:0 85px; height:38px; line-height:38px; border-top:1px solid #e6e7e9; font-size:13px; color:#3e3e3e; cursor:pointer;}
.book_list .book_con h3 span { position:absolute; right:0; top:0; width:85px; text-align:center; color:#5a5a5a;}
.book_list .book_con h3 span:first-child + span { left:0; font-size:14px; color:#c40000;}
.book_list .book_con > div { overflow:auto; background:#f7f7f7; padding:30px 0 0 0;height:255px;}
.book_list .book_con .con { position:relative; padding:0 0 0 310px; color:#5c5c5c; font-size:13px;}
.book_list .book_con .con > img { position:absolute; left:115px; top:0px; width:165px; height:220px; border:1px solid #908f8e;}
.book_list .book_con .con h4 { padding:0 0 25px 0; color:#1860c6; font-size:14px;}
.book_list .book_con .con ul { padding:0 0 20px 0;}
.book_list .book_con .con ul li { padding:0 0 5px 0;}
.book_list .book_con .con a { display:inline-block; width:77px; height:27px; line-height:27px; text-align:center; color:#fff; background:#2e587e;}
.book_list .book_con .con  div { padding:5px 0 0 0; line-height:18px;}

.teacher_head { padding:55px 0 0 320px; margin-bottom:-10px; height:162px; background:url(../images/human.gif) no-repeat 60px 0px;}
.teacher_head h2 { padding:0 0 5px 0; font-size:24px; color:#2d2d2d; }
.teacher_head p { padding:0 0 10px 0; font-size:16px; color:#595959; }
.teacher_head span { display:block; padding:0 0 10px 0; font-size:13px; color:#9251ac; }
.teacher_head em { display:block; font-size:24px; color:#728db2; font-family:Corbel;}

.btns + * { margin-top:60px;}
.btns { padding:70px 0 0 0;}
.btns.center { text-align:center;}
.btns.center a { margin:0 5px;}
.btn_type7.blue { background:#1967bd; color:#fff;}
.btn_type7.blue:after { background:url(../images/bu_arrow2.png) no-repeat}

#login { margin:50px auto; padding:0 0 0 345px; width:440px; background:url(../images/bg_login.gif) no-repeat -40px 40px;}
#login .box { border:1px solid #000; padding:40px 15px 20px; width:409px; height:269px;}
#login h2 { padding:0 0 15px 30px; font-size:24px; color:#585858; letter-spacing:-0.5px;}
#login h2 strong { color:#1963b2;}
#login .box .login { position:relative; padding:0 140px 0 18px;}
#login .box .login li { padding:0 0 5px 0;}
#login .box .login input { width:255px; height:30px; border:1px solid #b2bec4; color:#9f9f9f; font-size:14px; text-indent:15px;}
#login .box .login .btn { position:absolute; right:20px; top:0;}
#login .box .login .btn a { display:block; width:98px; height:70px; border:1px solid #b2bec4; background:url(../images/bg_snb.gif); line-height:70px; text-align:center; color:#fff; border-radius:4px;}
#login .box .save { padding:15px 0 30px 18px;}
#login .box .etc { border-top:1px solid #ececec; padding:25px 20px;}
#login .box .etc li { position:relative; height:35px; line-height:35px;}
#login .box .etc li a { display:inline-block;; position:absolute; right:0; top:0; border:1px solid #b2bec4; width:109px; height:27px; line-height:27px; text-align:center; font-size:12px;}
#login .box .etc li a:after { content:">"; display:block; position:absolute; right:7px; top:0; font-size:10px;}

.sitemap { padding:65px 0 0 0;}
.sitemap > div { float:left; width:270px; height:450px; padding:0 25px 0 0;}
.sitemap > div h2 { position:relative; border-bottom:2px solid #959495; font-size:18px; color:#272727;}
.sitemap > div h2 a {display:block; padding:0 10px 8px 15px; position:absolute; left:0; bottom:-2px; border-bottom:2px solid #3a3a3d;}
.sitemap > div > ul { padding:15px 0 0 0; border-bottom:2px solid #efefef;}
.sitemap > div > ul > li > a { display:block; height:35px; line-height:35px; border-bottom:1px solid #e4e4e4; color:#353535; text-indent:15px; font-size:15px;}
.sitemap > div > ul > li > ul { padding:5px 15px; border-bottom:1px solid #e4e4e4;}
.sitemap > div > ul > li > ul li a { height:25px; line-height:25px; color:#6c6c6c; font-size:13px;}

#popup { background:none;}
.popup h1 { height:50px; line-height:50px; background:url(../images/bg_snb.gif) ; color:#fff; font-size:20px; text-indent:10px;}
.popup .con { padding:20px;}
h2.h2 { font-size:14px; color:#3fa0d2;}

.greeting h2 { font-size:35px; line-height:44px;}
.greeting div { float:left; padding:35px 0 0 0; font-size:14px; line-height:21px;}
.greeting h2 + div { width:650px;}
.greeting div + div { float:right; font-size:12px; text-align:right;}
.greeting div + div img { display:block;}

.vision { clear:both;}


.tab_type1 { height:43px; border:1px solid #e4e4e4; border-right:none;}
.tab_type1:after { content:""; display:block; clear:both;}
.tab_type1 li { float:left; margin:-1px 0 0 -1px;}
.tab_type1 li a { display:block; width:148.6px; height:43px; line-height:43px; text-align:center; border:1px solid #e4e4e4;}
.tab_type1 li:first-child a { width:150px;}
.tab_type1 li.ui-tabs-active a,
.tab_type1 li a:hover { background:url(../images/bg_snb.gif); color:#fff; font-weight:bold; font-size:14px;}

.history { position:relative; width:740px; padding:0 0 30px 90px; background:url(../images/bg_history_2.gif) repeat-y 100px 0}
.history:after { content:""; display:block; clear:both;}
.history dt {  float:left;  width:110px;  background:url(../images/bg_history_1.gif) no-repeat;  font-size:24px;  line-height:24px;  padding:0 0 0 50px; color:#007CBC;}
.history dd { float:left;  width:560px;}
.history dd li { position:relative; padding:0 0 10px 0; font-size:14px; color:#666;}
.history.end { background:none; padding-bottom:0;}

.member_list > div {float:left; position:relative; padding:0 20px 0 180px; width:250px; height:230px;}
.member_list > div > img { position:absolute; left:0; top:0; border:1px solid #c7c7c7;}
.member_list > div h2 {padding:0 0 20px 0; font-size:30px; font-family:arial;}
.member_list > div p {padding:0 0 10px 0;font-size:14px; color:#c0c3c1; font-family:verdana;}
.member_list > div div { font-size:13px; line-height:18px;}

.h4 { padding:20px 10px; font-size:13px; color:#333;}

html .pwd-pop-layer,
html .id-pop-layer {overflow:visible !important;  border:1px solid #3571B5}
html .pwd-pop-layer .pop-container,
html .id-pop-layer .pop-container { padding:0;}
body.bgn,
form[name="myPwd"],
form[name="myId"] { background:#fff;}


.info_edu h2 { color:#404040; font-size:30px; line-height:44px;}
.info_edu ul { padding:10px 0 0 15px;}
.info_edu li {  padding-left:24px; background:url(../images/bul_circle01.gif) no-repeat left; font-size:16px;  line-height:30px; }
.mission {   position:relative;  height:651px;  overflow:hidden; background:url(../images/bg_mission.jpg) no-repeat ;}
.mission .txtBox03 div dt {  font-size:20px;  font-weight:bold;  color:#685b55;  line-height:60px;}
.mission .txtBox03 div dd {font-size:16px;  color:#5e5e5e;  line-height:20px; }
.mission .txtBox03 div {  position:absolute;}
.mission .txtBox03 div.box01 {  left:339px;  top:70px;  width:334px;}
.mission .txtBox03 div.box02 {  left:90px;  top:260px;  width:334px;}
.mission .txtBox03 div.box03 {  left:610px;  top:260px;  width:334px;}
.mission .txtBox03 div.box04 {  left:339px;  top:490px;  width:334px;}
.mission .txtBox03 p {  position:absolute;  top:50%;  left:50%;  padding-top:102px;  width:232px;  height:130px;  margin:-116px 0 0 -116px;  font-size:40px;  font-weight:bold;  color:#685b55;  text-align:center;}
.info_edu  .vision { padding:30px; text-align:center;}

.login_layer { clear:both;}

.qub_dl {position:relative; overflow:hidden; height:173px; border-bottom:1px solid #ddd; margin-bottom:19px;}
.qub_dl dt {width:231px; height:151px; overflow:hidden; float:left; margin-right:23px; border:1px solid #ddd;}
.qub_dl dd {overflow:hidden;}
.qub_dl dd.pub_dd01 {position:relative; color:#444444; font-size:18px; font-weight:bold; letter-spacing:-0.4px; height:60px;}
.qub_dl dd.pub_dd01 p {width:500px; height:25px; overflow:hidden; font-size:15px;}
.pub_span01 {position:absolute; right:0px; font-size:12px; bottom:35px; color:#b6b6b6;}
.square_box {position:absolute; display:inline-block; width:24px; height:1px; background:#0070bd; left:0px; bottom:12px;}
.qub_dl dd.pub_dd02 {color:#777; line-height:13px; line-height:22px; letter-spacing:-0.4px; height:41px; overflow:hidden; }
.qub_dl dd.pub_dd03 {position:absolute; width:90px; height:30px; right:0px; bottom:20px; background:#0070bd; text-align:center; line-height:30px; font-size:13px; color:#fff; font-weight:bold;}
.qub_dl dd.pub_dd03 a {color:#fff; display:inline-block; width:90px; height:30px;}

.biography {}
.biography:after { content:""; display:block; clear:both;}
.biography .title-group-type-a h2 { width:100%; height:40px; line-height:40px; position:relative; white-space:nowrap; overflow:hidden; margin:10px 0; font-size:18px; font-size:15px;  border-bottom:4px solid #ddd;}
.biography .artist-image { float:left; width:36%;}
.biography .artist-image img { width:340px; height:256px;}
.biography .artist-image + .artist-desc {  width: 60%;  float: right;}
.biography .artist-header .artist-name {text-align:right;  font-size: 12px;  color: #666;  margin-left: 5px;}
.biography .artist-header {  border-bottom: 1px solid #ddd;  padding-bottom: 10px;  margin-bottom: 10px;}
.biography .external-links {  line-height: 1.6;  font-size: 12px; padding:10px 0;  margin: 10px 0; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.biography .external-links .blue {  color: #0070bd !important;}
.post-content {  margin-bottom: 10px;  padding: 5px 0;  font-size: 14px;  line-height: 1.7;}
.btnright { text-align:right;}
.btnright a { display:inline-block; width:90px; height:30px; background:#0070bd; text-align:center; line-height:30px; font-size:13px; color:#fff; font-weight:bold;}

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto;
}
.swiper-slide {
	float:left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action:pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action:pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size:*/

	/*width:200px;
	height:100px;*/
}
.swiper-slide {
	/* Specify Slides's Size:*/
	
	/*width:100%;
	height:100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling:*/
	
}
.swiper-slide-visible {
	/* Specific visible slide styling:*/	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button:*/	

}
.swiper-active-switch {
	/* Specific active button style:*/	
	
}
.swiper-visible-switch {
	/* Specific visible button style:*/	
	
}