@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url("font-awesome.min.css");

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v4/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


html {
    font-smoothing: antialiased;
}
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* COMMON
============================================================ */
html,body{ height:100%; }
body{ font-size:12px; color:#707070; font-family:'돋움','dotum',sans-serif; letter-spacing:-0.5px;}
h2,h3 {font-family:'Nanum Gothic'; letter-spacing:0; }
table {border-spacing:0; width:100%; border-collapse: collapse;}
.hidden{ text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
.ovh {overflow:hidden; }
.rela {position:relative;}
.relaover {position:relative; overflow:hidden;}
.float-left{float:left;}
.float-right{float:right;}
.ab {position:absolute;}
.ab.left{ left:0;  }
.ab.right{ right:0; }
.ab.top{ top:0; }
.ab.bottom{ bottom:0; }
.border-0 {border:0 !important;}
.border-1 {border:1px solid #d4d4d4 !important;}
.border-top-0 {border-top:0 !important;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.bold{ font-weight:700; }
.extra-bold{ font-weight:800; }
.uppercase{  text-transform:uppercase;  }
.spacingnone{ letter-spacing:0; }
.spacing-1{ letter-spacing:-1px; }
.spacing-5{ letter-spacing:-0.5px; }
.transparent{ background:transparent; }
.fg-ir { display: block; overflow: hidden; text-indent: -9999px;}

.padding-0 {padding:0 !important;}
.padding-left-10 {padding-left:10px !important;}
.padding-left-15 {padding-left:15px !important;}
.padding-left-20 {padding-left:20px !important;}
.margin-0 {margin:0 !important;}
.margin-20-0 {margin:20px 0 !important;}
.margin-top-8 {margin-top:8px !important;}
.margin-top-10 {margin-top:10px !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-top-50 {margin-top:50px !important;}
.margin-top-60 {margin-top:70px !important;}
.margin-top-70 {margin-top:70px !important;}
.margin-top-80 {margin-top:80px !important;}
.margin-top-90 {margin-top:90px !important;}
.margin-top-100 {margin-top:100px !important;}
.margin-left-3 {margin-left:3px !important;}
.margin-left-5 {margin-left:5px !important;}
.margin-left-10 {margin-left:10px !important;}
.margin-left-20 {margin-left:20px !important;}
.margin-left-100 {margin-left:100px !important;}
.margin-bottom-5 {margin-bottom:5px !important;}
.margin-bottom-20 {margin-bottom:20px !important;}
.circle {border-radius:25px;}
hr.table-w-line {width:100%; margin:13px 0 7px; border:0; border-bottom:1px solid #ddd; box-sizing:border-box;}

textarea {width:100%; font-size:12px; color:#818181; padding:5px; border-color:#ebebeb; box-sizing:border-box;}
input[type="text"] { width:100%; height:26px; vertical-align:middle; font-size:12px; line-height:22px; padding-left:5px; color:#818181; border-color:#ebebeb; box-sizing:border-box;}
input[type="password"] { width:100%; height:26px; vertical-align:middle; font-size:12px; line-height:22px; padding-left:5px; color:#818181; border-color:#ebebeb; box-sizing:border-box;}
input.w100p{width:100% !important;}
input.w60{width:61px !important;}
input.w200{width:200px !important;}
select { height:26px; vertical-align:middle; font-size:12px; line-height:36px; padding-left:5px; color:#818181; border-color:#ebebeb; box-sizing:border-box;}
input[type="radio"] {margin: 0 3px 0 0;}

/* 아이콘 */
.icon {display:inline-block; vertical-align:middle;}
.i-notice {width:28px; height:27px; background:url('../img-m4/i_notice.png') no-repeat; margin-right:10px;}
.i-news {width:19px; height:24px; background:url('../img-m4/i_news.png') no-repeat; margin-right:10px;}
.i-advice {width:14px; height:24px; background:url('../img-m4/i_advice.png') no-repeat; margin-right:10px;}
.i-date {width:26px; height:26px; background:url('../img-m4/i_date.png') no-repeat; margin-right:10px;}
.i-call {width:24px; height:24px; background:url('../img-m4/i_call.png') no-repeat; margin-right:5px;}
.i-check {width:26px; height:23px; background:url('../img-m4/i_check.png') no-repeat; margin-right:5px;}
.i-side-pc {width:17px; height:25px; background:url('../img-m4/icon_side_pc.png') no-repeat; margin-right:11px;}
.i-side-advice {width:20px; height:24px; background:url('../img-m4/icon_side_advice.png') no-repeat; margin-right:5px;}
.i-side-call {width:25px; height:24px; background:url('../img-m4/icon_side_call.png') no-repeat; margin-right:5px;}
.i-greeting-01 {width:46px; height:46px; background:url('../img-m4/icon_greeting_01.png') no-repeat; margin-right:15px;}
.i-greeting-02 {width:46px; height:46px; background:url('../img-m4/icon_greeting_02.png') no-repeat; margin-right:15px;}
.i-greeting-03 {width:46px; height:46px; background:url('../img-m4/icon_greeting_03.png') no-repeat; margin-right:15px;}
.i-greeting-04 {width:46px; height:46px; background:url('../img-m4/icon_greeting_04.png') no-repeat; margin-right:15px;}
.i-greeting-05 {width:46px; height:46px; background:url('../img-m4/icon_greeting_05.png') no-repeat; margin-right:15px;}

/* 버튼 */
.btn{ display:inline-block; text-align:center; vertical-align:middle;}
.btn-block{ display:block; text-align:center; vertical-align:middle;}
.small {padding:0 5px; line-height:19px; font-size:11px;}
.medium {padding:0 45px; line-height:30px;}
.btn-login {width:100%; height:86px; line-height:86px; font-size:14px;}
.btn-login-qiuk {width:172px; line-height:32px; font-size:12px; }
.btn-more {width:18px; height:18px; background:url('../img-m4/btn_more.png') no-repeat;}
.btn-plus {width:13px; height:13px; background:url('../img-m4/btn_plus.png') no-repeat;}
.btn-submit {width:100%; margin-top:8px; line-height:28px; font-size:13px; background-color:#708898;}
.btn-guide {padding:0 12px; line-height:26px; font-size:12px;}
.btn-quik-online {color:#fff; background-color:#437ecf; border:2px solid #437ecf;}
.btn-quik-online:hover {color:#437ecf; background-color:#fff; border:2px solid #437ecf;}
.btn-quik-remote {color:#fff; background-color:#cfcfcf; border:2px solid #cfcfcf;}
.btn-quik-remote:hover {color:#fff; background-color:#56616a; border:2px solid #56616a;}
.btn-quik-check {color:#fff; background-color:#15c2ba; border:2px solid #15c2ba;}
.btn-quik-check:hover {color:#15c2ba; background-color:#fff; border:2px solid #15c2ba;}
.btn-quik-why {color:#fff; background-color:#f06a29; border:2px solid #f06a29;}
.btn-quik-why:hover {color:#f06a29; background-color:#fff; border:2px solid #f06a29;}

/* !LAYOUT
============================================================ */
body { position:relative; width:100%; height:100%; }
#wrap {position:relative; width:100%; min-width:1200px;}
#container, .container, .wrap { position:relative; width:1100px; margin:0 auto; }

/* !HEADER
============================================================ */
.header { width:100%; background-color:#fff; }
.header .tnb {position:relative; color:#91979b; border-bottom:1px solid #e0e0e0; line-height:1; font-size:11px}
.header .tnb:after { content:""; display:block; clear:both }
.header .tnb .left{float:left;}
.header .tnb .left li{ float:left; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:0 10px }
.header .tnb .right{float:right;}
.header .tnb .right li{ float:left; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; margin-left:-1px; padding:0 10px }
.header .tnb .right strong { font-family:dotum }
.header .tnb .right .member-name {color:#437dcf; font-weight:700; vertical-align:initial;}
.header .tnb a { padding:10px 5px 9px 5px; line-height:1; display:inline-block }

/* 카테고리영역 */
.lnb { width:100%; height:40px; background:#c98e3c; box-sizing:border-box; position:relative; }
.lnb-area { position:relative; width:1100px; height:100%; margin:0 auto; }
.lnb-area .menu {position:absolute; left:0; top:0; height:40px; z-index:20; }
.lnb-area .menu:after{ content:''; display:block; clear:both; }
.lnb-area .menu > li { width:164px; font-family:'Nanum Gothic'; letter-spacing:0; display:block; float:left; text-align:center; color:#747474; font-size:14px; font-weight:700 }
.lnb-area .menu > li > a{ display:block; padding:0 25px; color:#fff; line-height:38px; height:40px; border-left:1px solid #c6a780 }
.lnb-area .menu > li.on > a{ background:#774200  }
.lnb-area .classroom {position:absolute; right:0; width:158px; text-align:left; background-color:#771100; }
.lnb-area .classroom a { font-family:'Nanum Gothic'; letter-spacing:0; color:#fff; font-size:14px; font-weight:700; display:block; text-align:center; height:40px; line-height:38px }

/* 서브메뉴 영역 */
.lnb .sub-bg{ position:absolute; top:40px; left:0; width:100%; height:0; background:#fff; z-index:10;  }
.lnb .sub-bg.on{ height:180px; border-bottom:1px solid #ddd; -webkit-transition: height 0.1s; /* Safari */ transition: height 0.1s;}
.lnb-area .menu > li .sub-menu{ padding:10px 10px; height:0; overflow:hidden;  box-sizing:border-box; position:relative; visibility:hidden; }
.lnb-area .menu > li .sub-menu.on{ visibility:visible; height:180px; overflow:visible; -webkit-transition: height 0.1s; /* Safari */ transition: height 0.1s;}
.lnb-area .menu > li .sub-menu > ul > li{line-height:27px; text-align:left; font-size:13px; font-weight:bold;}
.lnb-area .menu > li .sub-menu > ul > li > a { color:#999 }
.lnb-area .menu > li .sub-menu > ul > li > a:hover{ color:#3673c3  }
.page-locate {background-color:#f6f6f6; text-align:right; height:30px; line-height:30px; color:#5d5d5d; border-bottom:1px solid #eaeaea;}




/* !SLIDE BANNER
============================================================ */
.slide-wrap { width:100%;  height:415px;}
.slide-container { position:relative; width:1300px; margin:0 auto; }
.slide-container .btn-prev {position:absolute; top:182px; left:0; width:53px; height:49px; background:url('../img-m4/btn_prev.png') no-repeat;}
.slide-container .btn-next {position:absolute; top:182px; right:0; width:53px; height:49px; background:url('../img-m4/btn_next.png') no-repeat;}
.slide-img > img { width:100%; height:415px;}

/* !MAIN
============================================================ */
/* 상단 게시판 테이블 */
.board-list-wrap {margin:20px 0;}
.board-list-wrap ul {font-size:0;}
.board-list-wrap ul li {display:inline-block; width:33.33333%; padding:16px; border:1px solid #ebebeb; border-left:0; box-sizing:border-box;}
.board-list-wrap ul li:first-child {border-left:1px solid #ebebeb;}
.board-list .title {position:relative;}
.board-list .title h2 {display:inline-block; font-size:15px; color:#626262;}
.board-list .title .btn-more {position:absolute; right:0;}
.board-list dl {position:relative; overflow:hidden; line-height:28px;}
.board-list dl dt {float:left; font-size:13px; letter-spacing:-0.5px;}
.board-list dl dd {float:right;}

/* 하단 왼쪽 게시판 테이블 */
.bottom-content-wrap {position:relative; overflow:hidden; margin-bottom:30px;}
.left-content {float:left; width:815px; }
.board-title-wrap {font-size:0;}
.board-title-wrap li {position:relative; display:inline-block; width:33.33333%; height:50px; line-height:50px; color:#fff; background-color:#56616a;}
.board-title-wrap li:first-child { background-color:#15c2ba;}
.board-title-wrap li h2 {display:inline-block; font-size:15px; color:#fff; padding-left:15px;}
.board-title-wrap li .btn-plus {position:absolute; top:18px; right:15px;}
.content-wrap {border:1px solid #ebebeb; border-top:0; box-sizing:border-box;}
.content-wrap ul {font-size:0;}
.content-wrap li {position:relative; display:inline-block; font-size:13px; width:33.33333%; padding:20px; vertical-align:top; box-sizing:border-box; }
.content-wrap h3 { font-size:14px; color:#333; margin-bottom:10px; letter-spacing:-0.5px;}
.content-wrap p { min-height:54px; max-height:54px; font-size:13px; color:#333; line-height:18px; margin-bottom:10px;}
.content-wrap .date { font-size:12px; color:#7f8284;}
.content-wrap .h-line {position:absolute; right:0; top:28px; height:100px; border:0; border-right:1px solid #ededed; }
.content-wrap dl {position:relative; overflow:hidden; padding:0; line-height:22px;}
.content-wrap dl dt { float:left; position:relative; box-sizing:border-box;}
.content-wrap dl dd { float:right; position:relative; box-sizing:border-box;}

.customer {position:relative; border:1px solid #ebebeb; width:100%; box-sizing:border-box; margin:10px 0}
.customer dl {position:relative; overflow:hidden; padding:18px 0;}
.customer dl dt {width:31%; float:left; position:relative; padding-left:13px; box-sizing:border-box;}
.customer dl dt .title,
.customer dl dt .time{display:inline-block; font-weight:700; vertical-align:middle;}
.customer dl dt h2 {display:inline-block; font-size:16px; }
.customer dl dt .time {font-size:11px; line-height:15px; padding-left:10px; font-weight:400;}
.customer dl dt .h-line {position:absolute; right:0; top:0px; height:35px; border:0; border-right:1px solid #ededed; }

.customer dl dd { width:69%; float:left; position:relative; padding-left:15px; box-sizing:border-box;}
.customer dl dd .number { font-family:'Nanum Gothic'; letter-spacing:0; font-size:26px;}
.customer dl dd .number02 {font-family:'Nanum Gothic'; letter-spacing:0;  font-size:19px; padding-left:5px;}
.customer dl dd .btn-guide {position:absolute; top:0px; right:15px;}

.checkguide {position:relative; border:1px solid #ebebeb; width:100%; box-sizing:border-box; }
.checkguide .title-wrap {padding:25px 0 25px 15px;}
.checkguide .title-wrap h2 {display:inline-block; font-size:16px; }
.checkguide .title-wrap .title {font-size:16px; vertical-align:middle;}
.checkguide .title-wrap p {font-size:12px; color:#9e9e9e; padding-left:32px; margin-top:3px;}
.checkguide .btn-wrap {position:absolute; top:23px; right:15px;}

/* 하단 오른쪽 상담 테이블 */
.right-advice-wrap {float:right; width:215px; }
.right-advice-wrap .title {display:table-cell; width:215px; height:58px; vertical-align:middle; background-color:#708898; text-align:center; }
.right-advice-wrap .title-text {display:inline-block; vertical-align:middle; text-align:left;}
.right-advice-wrap .title-text p {font-size:13px; color:#fff; line-height:16px;}
.right-advice-wrap .title-text p:last-child {font-size:11px; color:#fff}

.advice-content-wrap {background-color:#f7f6f5; padding:13px 10px;}
.advice-content-wrap table {width:100%;}
.advice-content-wrap table tr {height:33px;}
.advice-content-wrap table textarea { min-height:46px; font-size:12px; color:#818181; padding:5px; resize:none; }
.advice-content-wrap table select {width:100%; }
.advice-content-wrap .personal {margin-top:6px;}
.advice-content-wrap .personal span {font-size:11px; vertical-align:top;}
.advice-content-wrap .personal .rink {padding-left:13px;}
.advice-content-wrap .personal .rink:hover {text-decoration:underline;}
.advice-content-wrap .personal .rink a{vertical-align:top; }
.advice-content-wrap .personal input[type=checkbox] {width:14px; height:14px; display:inline-block; margin:0; margin-right:3px;}




/* !SUBPAGE COMMON
============================================================ */
#contents-wrap { margin:30px 0 60px; }
.contents-inner {width:1100px; margin:0 auto; position: relative; overflow:hidden;}
.contents {position:relative; padding:0; margin:30px 0;}

/* 사이드메뉴*/
#side-left { float:left; width:215px }
.side-snb .title { padding:20px 0; font-size:20px; text-align:center; color:#af6405; letter-spacing:-1px; border-top:3px solid #af6405; font-family:noto sans kr; font-weight:700; border-bottom:1px solid #e2e2e2; margin:0}
.side-snb .menu > li {font-size:12px; color:#666; line-height:40px; letter-spacing:0; border-bottom:1px solid #e2e2e2; background-color:#fff; }
.side-snb .menu > li > a{ padding-left:20px; display:block; background-color:#fff; transition:all .2s}
.side-snb .menu > li > a:hover { cursor:pointer; background:#f9f9f9;}
.side-snb .menu > li > a.clicked { color:#af6405; cursor:pointer; background:#e8eff4; font-weight:bold}

.side-snb .menu-sub { overflow:hidden; max-height:0; background:#fff;  -webkit-transition: max-height .3s; /* Safari */ transition: max-height .3s;}
/*.max-height-0 { max-height:0; }*/
.side-snb .menu-sub > li { line-height:34px;}
.side-snb .menu-sub > li:last-child {margin-bottom:15px;}
.side-snb .menu-sub > li:hover { cursor:pointer; text-decoration:underline;}
.side-snb .menu-sub > li > a { padding-left:20px; display:block; background-color:#fff;}
.side-snb .menu-sub > li > a.clicked { font-weight:700;}


/* 자바스크립트 : 상위메뉴 클릭시 하단 서브메뉴에 clicked 클래스를 추가 */
.side-snb .menu-sub.clicked{ max-height:500px;  -webkit-transition: max-height .3s; /* Safari */ transition: max-height .3s; }

.side-custom-01 { border:1px solid #e2e2e2; margin:15px 0; padding:0px }
.side-custom-01 a {font-family:'Nanum Gothic'; font-size:13px; line-height:42px;}
.side-custom-02 { border:1px solid #e2e2e2;}
.side-custom-02 p {text-align:center; line-height:25px; }
.side-custom-02 p.title {height:42px; line-height:42px; font-family:'Nanum Gothic'; font-weight:700; font-size:15px; color:#fff; background-color:#437dcf;}
.side-custom-02 p.call {font-family:'Nanum Gothic'; font-size:25px; font-weight:700; margin-top:10px;}
.side-custom-02 p.phone {font-family:'Nanum Gothic'; font-size:15px; color:#aaa;  font-weight:700;}
.side-custom-02 p.time {font-size:12px; color:#aaa; margin-bottom:10px;}

/* 오른쪽 콘텐츠 */
#right-contents { float:right; width:820px;}
#right-contents .sub-title-wrap {padding:15px 0; margin-bottom:10px; border-bottom:1px solid #ebebeb;}
#right-contents .sub-title-wrap h2 {font-size:25px; color:#474747; margin-bottom:10px;}
#right-contents .sub-title-wrap p {font-size:12px; color:#949494;}

#right_contents { float:right; width:820px;}
#right_contents .sub-title-wrap {padding:15px 0; margin-bottom:10px; border-bottom:1px solid #ebebeb;}
#right_contents .sub-title-wrap h2 {font-size:25px; color:#474747; margin-bottom:10px;}
#right_contents .sub-title-wrap p {font-size:12px; color:#949494;}

#right_contents .board-title-wrap {padding:15px 0;}
#right_contents .board-title-wrap h2 {font-size:25px; color:#474747; margin-bottom:10px;}
#right_contents .board-title-wrap p {font-size:12px; color:#949494;}




/* !교육원소개
============================================================ */
/* 인사말 */
.greeting p { color:#696969; line-height:18px;}
.greeting p .em {font-size:20px;}
.greeting .text-01 { font-family:'Nanum Gothic'; font-size:17px; text-align:center; font-weight:700; line-height:28px; margin-bottom:20px }

.greeting .greeting-list {width:540px; margin:0 auto; margin-top:30px;}
.greeting .greeting-list dl { position:relative; overflow:hidden; height:80px; line-height:80px;}
.greeting .greeting-list dt {float:left; width:65px; }
.greeting .greeting-list dd {color:#858585; line-height:18px; padding-top:30px;}

/* 회사소개 */
.introduce-table {width:100%; color:#707070; border:1px solid #ebebeb;}
.introduce-table tr {height:42px; border-bottom:1px solid #ebebeb;}
.introduce-table tr:last-child {border-bottom:0;}
.introduce-table th {height:42px; font-weight:400; border-right:1px solid #ebebeb; background-color:#fafafa;}
.introduce-table td {height:42px; text-align:left; padding-left:15px; border-right:1px solid #ebebeb; letter-spacing:0; box-sizing:border-box;}

.organization {margin-top:50px;}
.organization h3 {font-family:'Nanum Gothic'; font-size:16px; color:#5b5b5b; font-weight:800; padding-left:20px; background:url('../img-m4/icon_introduce.png') left 2px no-repeat;}
.organization-list {margin-top:20px;}
.organization-list ul li {position:relative; float:left; margin-right:12px;}
.organization-list ul li:last-child {margin-right:0;}
.organization-list ul li p {color:#fff; font-weight:700; text-align:center; line-height:38px;}
.organization-list .title-01 { position:absolute; top:0; left:1px; width:146px; height:38px; background:url('../img-m4/bg_organization_01.png') no-repeat;}
.organization-list .title-02 { position:absolute; top:0; left:1px; width:146px; height:38px; background:url('../img-m4/bg_organization_02.png') no-repeat;}
.organization-list .title-03 { position:absolute; top:0; left:1px; width:146px; height:38px; background:url('../img-m4/bg_organization_03.png') no-repeat;}
.organization-list .title-04 { position:absolute; top:0; left:1px; width:146px; height:38px; background:url('../img-m4/bg_organization_04.png') no-repeat;}
.organization-list .title-05 { position:absolute; top:0; left:1px; width:146px; height:38px; background:url('../img-m4/bg_organization_05.png') no-repeat;}
.organization-list .box-wrap {width:148px; height:167px; border:1px solid #ebebeb; border-top:0; top:20px; position:relative; padding-top:35px; box-sizing:border-box;}
.organization-list .box-wrap ul {padding:0 12px;}
.organization-list .box-wrap ul li {float:none; line-height:22px;}
.organization-list .box-wrap ul li.tim { margin-left:7px; text-indent:-0.5em;}

/* 회사연혁 */
.history .history-text {position:absolute; left:58px; top:60px;}
.history .history-text dl {position:relative; margin-bottom:20px;}
.history .history-text dt {float:left; width:40px; color:#5e5e5e; font-weight:700;}
.history .history-text dt span {color:#b7b7b7; font-weight:400; margin-left:5px;}
.history .history-text dd {color:#7e7c7c; padding-left:40px; line-height:18px;}
.history .bg-history {display:block; width:143px; height:855px; background:url('../img-m4/bn_history.png') no-repeat;}


/* 파트너 */
.partner {font-size:0; text-align:center;}
.partner li {display:inline-block; }
.partner li:first-child {margin-right:10px;}


/* 교욱의특징 */
.feature .title-wrap {text-align:center; margin:40px 0;}
.feature .title-wrap .bg-feature {display:inline-block; vertical-align:middle; width:241px; height:239px; background:url('../img-m4/bg_feature.png') no-repeat;}
.feature .title-wrap .text {display:inline-block; vertical-align:middle;}
.feature .title-wrap .text h3 {text-align:center; font-family:'Nanum Gothic'; font-size:28px; color:#437dcf; font-weight:700; margin-bottom:15px; letter-spacing:-1px;}
.feature .title-wrap .text p {text-align:center; font-family:'Nanum Gothic'; line-height:24px; font-size:14px; font-weight:700;}

.feature-list {position:relative; overflow:hidden;}
.feature-list li {float:left; margin-right:6px;}
.feature-list li:last-child {margin-right:0;}
.feature-list li p.text {color:#787373; font-weight:400; text-align:center; line-height:18px; margin-top:10px;}
.feature-list .title-bg01 {width:193px; height:102px; background:url('../img-m4/bg_feature_01.png') no-repeat;}
.feature-list .title-bg02 {width:193px; height:102px; background:url('../img-m4/bg_feature_02.png') no-repeat;}
.feature-list .title-bg03 {width:193px; height:102px; background:url('../img-m4/bg_feature_03.png') no-repeat;}
.feature-list .title-bg04 {width:193px; height:102px; background:url('../img-m4/bg_feature_04.png') no-repeat;}

/* 찾아오시는길 */
.map-wrap {position:relative; overflow:hidden;}
.map-wrap .map {float:left; width:500px; height:450px; background-color:#ddd;}
.map-wrap .map-info {float:right; width:290px; padding-top:20px }
.map-wrap .map-info .title {font-family:'Nanum Gothic'; font-size:16px; color:#333; font-weight:800; margin-bottom:10px;}
.map-wrap .map-info p {line-height:18px; letter-spacing:0;}
.map-wrap .btn-map {position: absolute; right:0; bottom:0; font-family:'Nanum Gothic'; width:125px; height:40px; color:#fff; line-height:40px; font-size:13px; background-color:#535860;}
.map-traffic {margin-top:30px;}
.map-traffic p {margin-bottom:20px; letter-spacing:0;}
.map-traffic .title {font-family:'Nanum Gothic'; font-size:14px; color:#5b5b5b; font-weight:700; margin-right:24px; }
.i-traffic-01 {width:19px; height:19px; background:url('../img-m4/icon_map_01.png') no-repeat; margin-right:10px;}
.i-traffic-02 {width:22px; height:24px; background:url('../img-m4/icon_map_02.png') no-repeat; margin-right:10px;}
.i-traffic-03 {width:22px; height:24px; background:url('../img-m4/icon_map_03.png') no-repeat; margin-right:10px;}
.i-traffic-04 {width:23px; height:18px; background:url('../img-m4/icon_map_04.png') no-repeat; margin-right:10px;}
.i-traffic-05 {width:23px; height:18px; background:url('../img-m4/icon_map_05.png') no-repeat; margin-right:10px;}
.i-traffic-06 {width:23px; height:18px; background:url('../img-m4/icon_map_06.png') no-repeat; margin-right:10px;}




/* !기존페이지 css수정 추가
============================================================ */
/* 수강신청안내 */
.enterclass-list {position:relative; overflow:hidden; margin-bottom:40px;}
.enterclass-list li {float:left; margin-right:6px;}
.enterclass-list li:last-child {margin-right:0;}
.enterclass-list li p.text { color:#787373; font-weight:400; text-align:center; line-height:18px; border:1px solid #ebebeb; width:186px; height:80px; padding:10px 0; box-sizing:border-box;}
.enterclass-list .title-bg01 {width:193px; height:80px; background:url('../img-m4/bg_enterclassinfo_01.png') no-repeat;}
.enterclass-list .title-bg02 {width:193px; height:80px; background:url('../img-m4/bg_enterclassinfo_02.png') no-repeat;}
.enterclass-list .title-bg03 {width:193px; height:80px; background:url('../img-m4/bg_enterclassinfo_03.png') no-repeat;}
.enterclass-list .title-bg04 {width:186px; height:80px; background:url('../img-m4/bg_enterclassinfo_04.png') no-repeat;}
.coursesregist h3 {font-family:'Nanum Gothic'; font-size:16px; color:#5b5b5b; font-weight:800; padding-left:20px; margin-bottom:10px; background:url('../img-m4/icon_introduce.png') left 2px no-repeat;}

/* 강사소개 */
.teachers-list {position:relative; overflow:hidden;}
.teachers-list li {float:left; margin-right:45px; margin-bottom:30px;}
.teachers-list li:nth-child(5n) {margin-right:0; }
.teachers-list li img {width:100%; height:100%; border:1px solid #ededed; box-sizing:border-box; margin-bottom:10px;}
.teachers-list p {font-size:12px; color:#9f9f9f; text-align:center; line-height:20px;}
.teachers-list p.name {color:#696969;}

.teachers-detail-list {position:relative; text-align:center;}
.teachers-detail-list li {margin-right:45px; margin-bottom:30px;}
.teachers-detail-list li img {width:120px; height:148px; border:1px solid #ededed; box-sizing:border-box; margin-bottom:10px;}
.teachers-detail-list p {font-size:12px; color:#9f9f9f; text-align:center; line-height:20px;}
.teachers-detail-list p.name {color:#696969;}

.teachers-table {width:100%;}
.teachers-table tr {height:36px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;}
.teachers-table th {background-color:#fcfcfc; color:#7d7d7d;}
.teachers-table td {text-align:left; color:#7d7d7d; padding:25px 35px; border-right:1px solid #ebebeb; vertical-align:top; box-sizing:border-box;}
.teachers-table td:first-child {text-align:center;}
.btn-teachers-list {display:inline-block; width:78px; height:28px; line-height:28px; text-align:center; border-radius:25px; margin-top:20px;}



/* !FOOTER-SLIDER
============================================================ */
.main-aside { margin-bottom:30px; height:50px; width:100%; position: relative; box-sizing: border-box;}
.main-aside .btn { position: absolute; background-repeat: no-repeat;}
.main-aside .btn-left { top:-8px; left: 0; padding: 26px 5px 26px 0; background: #fff;}
.main-aside .btn-right { top:-8px; right: 0; padding: 26px 0 26px 5px;  background: #fff;}
.main-aside .btn-left-img { background: url('../img-m4/btn_left.png') no-repeat; width: 9px; height: 14px;}
.main-aside .btn-right-img { background: url('../img-m4/btn_right.png') no-repeat; width: 9px; height: 14px;}
.main-aside .banner-list-wrapper { overflow: hidden; font-size: 0; text-align: center; height:50px; left: -184px; width: 100%;}
.main-aside .banner-list-wrapper li { display: inline-block; margin-left: 5px;}



/* !FOOTER
============================================================ */
.footerwrap {position:relative; width:100%; height:155px;}
.foot-container { position:relative; width:1040px; height:155px; margin:0 auto; }
.footerwrap .text {float:left; width:50%; padding-top:32px;}
.footerwrap .text address {font-size:12px; color:#fff; font-style:normal; line-height:18px; }
.footerwrap .quik {position:relative; float:right; width:50%;}
.footerwrap .quik .left-account {position:absolute; top:35px; left:50px;}
.footerwrap .quik .left-account .account {width:80px; height:25px; font-size:13px; color:#fff; line-height:25px; margin-bottom:10px; background-color:#3f484f; border-radius:25px;}
.footerwrap .quik .right-btn {position:absolute; top:44px; right:0;}
.footerwrap .quik .right-btn a {display:block;}
.bg-foot-left {position:absolute; left:0; width:50%; height:155px; background-color:#6a747c;}
.bg-foot-right{position:absolute; right:0; width:50%; height:155px; background-color:#5e6870;}




/* !COLOR
============================================================ */
.gray {color:#8c8c8c !important;}
.txt-gray {color:#7f7f7f !important;}
.lightgray {color:#cecece !important;}
.white {color:#fff !important;}
.blue {color:#2672b9 !important;}
.mint {color:#15c2ba !important;}
.orange {color:#f06a29 !important;}

.bg-white {background-color:#fff !important;}
.bg-orange {background-color:#f5750d !important;}
.bg-lightgray {background-color:#cfcfcf !important;}
.bg-darkgray {background-color:#505a61 !important;}
.bg-blue {background-color:#437ecf !important;}
.bg-mint {background-color:#15c2ba !important;}


input.short { width:120px }
input.long { width:90%; }
input.inp_id { width:160px }
input.inp_pw { width:160px }
input.inp_tel { width:130px }
input.inp_hp { width:130px }
input.inp_email { width:300px }
input.col1 { width:100px }
input.col2 { width:200px }
input.col3 { width:300px }
input.col4 { width:400px }
input.col5 { width:500px }
input.col6 { width:600px }
input.col7 { width:700px }
input.col8 { width:800px }
input.col9 { width:900px }


/* islro renew */


#header.header { }
#header.header .logo_area > div { position:absolute; top:26px; }
#header.header .logo_area .mobile_area { left:0; background:url(/static/img/new/header_mobile.png) no-repeat 0 0; padding-left:70px; font-weight:bold; letter-spacing:0; line-height:18px; color:#222; font-size:11px }
#header.header .logo_area .mobile_area strong { letter-spacing:-1px; color:#9f4e57 }
#header.header .logo_area .custom_area { right:0; text-align:center; color:#222; top:21px }
#header.header .logo_area .custom_area h3 { font-family:noto sans kr; font-weight:800; color:#a45c02; font-size:24px; line-height:1; margin:0 0 5px }
#header.header .logo_area .custom_area p { letter-spacing:0; font-size:11px }
#header.header .logo_area .custom_area p strong { letter-spacing:-1px; margin:0 5px 0 0 }
#header.header .logo_area h1 { text-align:center; line-height:83px }

.tab_menu ul:after { content:""; display:block; clear:both }
.tab_menu li { float:left; line-height:1; border-right:1px solid #ddd; padding:0 16px 0 0; margin:0 15px 0 0 }
.tab_menu li:last-child { border:0 }
.tab_menu li a { font-size:15px; font-weight:bold; color:#aaa; font-family:noto sans kr; font-weight:400 }
.tab_menu li.on a { color:#af6405; font-weight:500 }
.tab_con > section { display:none }

.main_sec01 { margin-top:33px }
.main_sec01 .f_left { width:215px }
.main_login { border:1px solid #ddd; margin:0 0 10px }
.main_login .input_area { padding:15px 15px 2px 15px; position:relative }
.main_login input[type=text], .main_login input[type=password] { height:26px; line-height:24px; padding-top:1px; width:118px; border:1px solid #ddd; margin:0 0 5px; font-family:dotum; font-size:11px }
.main_login .btn-login { position:absolute; right:15px; top:15px; width:61px; height:57px; border:1px solid #2c2c2c; background-image:linear-gradient(to bottom, #4e4e4e, #2c2c2c); border-radius:0; padding:0; line-height:55px; font-size:1em; box-sizing:border-box; font-family:dotum }
.main_login .check_area { padding:0 0 8px 15px }
.main_login .check_area label { vertical-align:-1px; margin:0 15px 0 3px; line-height:1; font-size:11px }
.main_login .login_info { text-align:center; padding:15px; height:74px }
.main_login .login_info p { padding:7px 0; display:block }
.main_login .login_info p.date { font-size:11px; font-family:dotum; color:#999; padding:0 0 8px }
.main_login .login_info .btn-logout { font-size:11px; font-weight:bold; color:#de3535 }
.main_login .btn_area { border-top:1px solid #ddd; }
.main_login .btn_area:after { content:""; display:block; clear:both }
.main_login .btn_area a { width:60%; float:left; text-align:center; box-sizing:border-box; font-size:11px; line-height:32px }
.main_login .btn_area a:first-child { width:40%; border-right:1px solid #ddd; font-weight:bold }

.main_custom { border:1px solid #ddd; padding:15px; font-size:11px }
.main_custom .tel { position:relative; margin:0 0 14px }
.main_custom .tel i.fa { color:#373737; font-size:48px; line-height:1 }
.main_custom .tel h2 { position:absolute; left:54px; top:3px; font-family:noto sans kr; font-weight:600; color:#222; font-size:14.5px; letter-spacing:-1px; line-height:1 }
.main_custom .tel p { position:absolute; left:54px; top:23px; font-family:noto sans kr; font-weight:600; color:#c25d02; font-size:21px; letter-spacing:-1px; line-height:1 }
.main_custom .time { height:26px; padding-top:1px; text-align:center; background:#edeceb; color:#666; margin:0 -15px; line-height:26px; margin-bottom:14px }
.main_custom .time strong { margin:0 3px 0 0 }
.main_custom .online p { line-height:1.5 }
.main_custom .online a { display:block; height:30px; line-height:30px; text-align:center; background:#ebe4dc; margin-top:12px; font-weight:bold; padding-top:1px }

.main_sec01 .main_visual { width:865px; position:relative; overflow:hidden }
.main_sec01 .main_visual .paging:after { display:block; content:""; clear:both }
.main_sec01 .main_visual .paging { border:1px solid #e0e0e0; border-top:0 }
.main_sec01 .main_visual .paging a { display:block; float:left; width:calc(100%/3); box-sizing:border-box; border-left:1px solid #ddd; text-align:center; color:#aaa; font-weight:bold; letter-spacing:-.5px; line-height:44px; transition:all .2s }
.main_sec01 .main_visual .paging a:hover { background:#f4f4f4 }
.main_sec01 .main_visual .paging a strong { font-family:noto sans kr; font-size:18px; font-weight:900; vertical-align:-2px; margin:0 3px 0 0; color:#ccc }
.main_sec01 .main_visual .paging a:first-child { border:0 }
.main_sec01 .main_visual .paging a.on { color:#ce5c39; background:#f9f9f9 }
.main_sec01 .main_visual .paging a.on strong { color:#ce5c39 }

/*
.main_sec02 { margin-top:33px; background:#e8eff4; padding:42px 0 }
.main_sec02 .title { font-family:noto sans kr; font-weight:400; font-size:15px; line-height:1; color:#666; text-align:center; margin:0 0 35px }
.main_sec02 .title h2 { color:#af6405; font-family:noto sans kr; font-weight:700; margin:0 0 13px; font-size:22px }
.main_sec02 .list > li { float:left; width:calc(100%/4) }
.main_sec02 .list > li:after { content:""; display:block; clear:both }
.main_sec02 .list .img { float:left }
.main_sec02 .list .img + div { margin-left:127px }
.main_sec02 .list .subj { font-family:noto sans kr; font-weight:500; font-size:17px; line-height:1; color:#333; margin:3px 0 10px }
.main_sec02 .list li li { font-size:11px; background:url(/static/img/new/bul_check.png) no-repeat 0 3px; padding-left:15px; margin:1px 0 0 0 }
.main_sec02 .list li li strong { color:#444 }
*/

.main_sec02 { margin-top:0 auto; background:#e8eff4; padding:42px 0 }
.main_sec02 .title { font-family:noto sans kr; font-weight:400; font-size:15px; line-height:1; color:#666; text-align:center; margin:0 0 35px }
.main_sec02 .title h1 { color:#af6405; font-family:noto sans kr; font-weight:700; margin:0 0 13px; font-size:36px }
.main_sec02 .list li {
    float:left;
    text-align: center;
    width:calc(100%/3);
    margin: 0 auto;
    padding: 0;
}
.main_sec02 .list li img {;
    margin: 0px auto;
    padding: 0px;
}
.main_sec02 .list li .reference {
    margin-top: 10px;
    font-size: 15px;
    font-weight: normal;
}
.main_sec02 .list li .reference .course {
    margin-top: 20px;
}
.main_sec02 .list li .reference .professor {
    margin-top: 10px;
}


.bx-wrapper .bx-pager { display:none }
.main-aside .banner-list-wrapper li { margin-left:0; text-align:center }
.bx-wrapper img { display:inline-block !important }

.main_sec03 { margin:30px 0; background:#f2f2f2; padding:30px 0 }
.main_sec03 .wrap > section { border:1px solid #ddd; float:left; height:193px; margin-left:5px; background:#fff }
.main_sec03 .wrap > section:first-child { margin:0 }
.main_bbs { width:298px; padding:18px 20px; height:157px !important }
.main_bbs h2 { font-family:noto sans kr; font-weight:700; font-size:17px; line-height:1; color:#333; margin:0 0 15px; letter-spacing:-1px }
.main_bbs li { background:url(/static/img/new/dot01.png) no-repeat 0 5px; padding-left:9px; position:relative; margin:9px 0 0 0; line-height:1 }
.main_bbs li:first-child { margin-top:0 }
.main_bbs .date { position:absolute; right:0; top:0 }

.main_bank { width:213px }
.main_bank h2 { text-align:center; font-family:noto sans kr; font-weight:700; font-size:17px; line-height:1; color:#333; margin:17px 0 12px; letter-spacing:-1px }
.main_bank p { text-align:center; font-size:13px; font-weight:bold; color:#333; line-height:1; margin:0 0 15px; font-family:noto sans kr; font-weight:500; }
.main_bank ul { padding:0 15px }
.main_bank li { border-top:1px solid #e0e0e0; padding:15px 0 }
.main_bank li img { vertical-align:top }
.main_bank li p { margin:0; font-family:noto sans kr; font-weight:500; font-size:20px; color:#af6405; letter-spacing:0 }
.main_bank li p.logo { margin:0 0 5px }
.main_bank li a { display:block; margin:10px 0 0 0; border:1px solid #e0e0e0; text-align:center; font-size:11px; font-weight:bold; line-height:30px }
.main_remote { width:223px; text-align:center; position:relative }
.main_remote > div { background-image:linear-gradient(to bottom,#fff,#f4f4f4); border-bottom:1px solid #ddd; height:124px; cursor:pointer }
.main_remote h2 { text-align:center; font-family:noto sans kr; font-weight:700; font-size:17px; line-height:1; color:#333; margin:20px 0 15px; letter-spacing:-1px }
.main_remote h2 strong { color:#af6405; font-weight:700; }
.main_remote h2 i { font-size:30px; vertical-align:-5px; margin:0 8px 0 0 }
.main_remote p { text-align:center; font-size:11px; color:#888; line-height:1.4; margin:0 0 15px; letter-spacing:-.5px }
.main_remote a { font-size:11px; font-weight:bold; color:#af6405 }
.main_remote h2 a { font-size:17px; font-weight:700 }
.main_remote a.btn02 { display:block; line-height:48px; text-align:center; position:absolute; bottom:0; width:100%; color:#666 }

.main_link { width:188px; box-sizing:border-box; height:195px !important }
.main_link li { border-top:1px solid #e0e0e0; line-height:47px; }
.main_link li:first-child { border:0 }
.main_link li a { display:block; font-weight:500; font-family:noto sans kr; font-size:13px; letter-spacing:-.5px; color:#666; transition:all .2s; padding:0 0 0 15px }
.main_link li a:hover { background:#f9f9f9 }
.main_link li i, .main_link .icon { display:inline-block; width:50px; text-align:center }
.main_link li i { font-size:24px; vertical-align:-3px }

#footer { background:#dee0e1; padding:45px 0; font-size:11px }
#footer .wrap:after { content:""; display:block; clear:both }
#footer .gnb { position:absolute; left:230px; top:0 }
#footer .gnb li { float:left; margin:0 20px 0 0; line-height:1 }
#footer .custom { position:absolute; left:230px; top:20px }
#footer .custom span { display:inline-block; margin:0 20px 0 0 }
#footer .custom strong { font-family:noto sans kr; font-size:13px; font-weight:700; color:#333; vertical-align:-1px; display:inline-block; margin:0 0 0 3px }

#footer .custom1 { position:absolute; left:230px; top:40px }
#footer .custom1 span { display:inline-block; margin:0 20px 0 0 }
#footer .custom1 strong { font-family:noto sans kr; font-size:13px; font-weight:700; color:#333; vertical-align:-1px; display:inline-block; margin:0 0 0 3px }

#footer address { position:absolute; left:230px; top:65px; font-style:normal }
#footer address span { display:inline-block; margin:0 20px 0 0 }
#footer .logo { float:left; padding-top:20px }
#footer .escro { float:right }

#side-left .side-snb { margin-bottom:25px }
#side-left .main_custom { margin-bottom:15px }
#side-left .main_link { width:100%; border:1px solid #ddd }
#side-left .main_link li a { padding:0 0 0 10px }
#side-left .main_link i, #side-left .main_link .icon { width:70px }

.course_items_main, .ei_items_main { margin-left:-20px }
.course_items_main li, .ei_items_main li { width:calc(100%/2 - 20px); margin-left:20px }
.course_items_main li img, .ei_items_main li img { width:100% }

#real_contents p.tline_title { font-family:noto sans kr; font-size:19px; font-weight:700; margin-bottom:15px; color:#333;}

.contents.history:after { content:""; display:block; clear:both }
.contents.history .f_right { width:490px }
.contents.history .f_right > ul > li:after { content:""; display:block; clear:both }
.contents.history .f_right > ul > li { border-top:1px solid #e0e0e0; padding:15px 0 0 0; margin:15px 0 0 0 }
.contents.history .f_right > ul > li:first-child { border:0; padding-top:0; margin-top:10px }
.contents.history .f_right .year { float:left; font-family:noto sans kr; font-weight:900; color:#2977c7; font-size:19px }
.contents.history .f_right .year + ul { margin-left:60px }
.contents.history .f_right li li strong { margin:0 5px 0 0; letter-spacing:0 }

.member_intro_info { background:url(/static/img/member/join_icon01.png) no-repeat; padding-left:120px; margin:50px 0 40px 90px }
.member_intro_info h3 { font-family:noto sans kr; font-size:17px; font-weight:700; color:#333; margin:0 0 10px; letter-spacing:-1px }
.member_intro_info h3 strong { color:#235eab }
.member_intro_info p { line-height:1.5 !important }
.member_intro_btn_area { background:#eef0f3; text-align:center; padding:80px }
.member_intro_btn_area a { display:inline-block; width:150px; height:150px; background:#fff; border-radius:10px; margin:0 15px; font-size:15px; font-family:noto sans kr; font-weight:500; color:#444; transition:all .2s; box-shadow:0 0 1px rgba(0,0,0,0.2) }
.member_intro_btn_area a i { font-size:46px; display:block; padding:35px 0 10px 0 }
.member_intro_btn_area a:hover { color:#fff; background:#4073b5 }

.new_contents { font-family:noto sans kr; font-size:14.5px; line-height:1.6; font-weight:300; color:#111; margin:45px 0 }
.paragraph { margin-bottom:45px !important }
.succession { margin-top:20px !important }
h3.title { font-size:17px; margin:0 0 20px }
h3.title small { font-weight:400; margin-left:10px }
.new_contents p { color:#111 !important; line-height:1.6 !important; margin:0 0 25px; word-break:keep-all }
.new_contents .table_v01 th, .new_contents .table_h01 th { font-family:noto sans kr; font-weight:500; }
.new_contents .table_h01 th { background:#f1f6f9; line-height:1.3 }
.new_contents .table_h01 td { text-align:center; line-height:1.3 }
.new_contents td ul { text-align:left }
.new_contents td li { margin:5px 0 0 0 }
.new_contents td li:first-child { margin:0 }
.new_contents td .depth02 { margin:5px 0 8px 10px }
.new_contents td .depth02 li { margin:3px 0 0 0 }
.new_contents td.th { font-weight:400 }
.new_contents .table_h01 td { border:1px solid #ddd }
.new_contents .table_h01 tr td:first-child { border-left:0 }
.new_contents .table_h01 tr td:last-child { border-right:0 }
.new_contents .btn_download { font-family:noto sans kr !important; font-size:13px; font-weight:400; border:1px solid #ddd; border-radius:3px; line-height:28px; height:30px; padding:0 15px; display:inline-block }
.ol_num > li { list-style:decimal !important; margin:5px 0 0 15px !important }
.ol_num > li:first-child { margin:0 0 0 15px !important }

.greeting .txt01 { font-size:24px; font-weight:500; color:#0879c0 !important; letter-spacing:-1px; line-height:1.3 !important }
.greeting .f_left { width:500px; }
.greeting ul { margin:0 0 15px }
.greeting li { font-weight:400; color:#af6405; margin:3px 0 0 0 }

.introduce ul.introduce_ul01 { margin:0 0 0 -5px }
.introduce ul.introduce_ul01 > li { float:left; width:calc(100%/5 - 5px); margin-left:5px }
.introduce ul.introduce_ul01 h4 { color:#fff; font-family:noto sans kr; font-weight:500; line-height:36px; height:38px; background-color:#6c7c8d; background-image:linear-gradient(to bottom, #788899 50%, #6c7c8d 50%); text-align:center; text-shadow:0 0 3px rgba(0,0,0,0.3) }
.introduce ul.introduce_ul01 ul { border:1px solid #e0e0e0; margin:3px 0 0 0 }
.introduce ul.introduce_ul01 ul li { border-top:1px solid #e0e0e0; line-height:34px; height:36px; font-size:13.5px; font-weight:400; color:#666; text-align:center }
.introduce ul.introduce_ul01 ul li:first-child { border:0 }

.feature .f_left { }
.feature .f_right { width:400px }
.feature dl { display:block; content:""; clear:both; padding-left:150px; background-repeat:no-repeat; border-top:1px solid #e0e0e0; padding-top:25px; padding-bottom:25px }
.feature dl:nth-child(1) { background-image:url(/static/img/sub01/sub03_icon01.png); background-position:30px center }
.feature dl:nth-child(2) { background-image:url(/static/img/sub01/sub03_icon02.png); background-position:40px center }
.feature dl:nth-child(3) { background-image:url(/static/img/sub01/sub03_icon03.png); background-position:31px center }
.feature dl:nth-child(4) { background-image:url(/static/img/sub01/sub03_icon04.png); background-position:37px center; border-bottom:1px solid #e0e0e0; }
.feature dt { font-weight:500; font-size:17px; margin:0 0 12px; letter-spacing:-1px; line-height:1 }

.teacher_list > div { background:#dfe0e2; padding:35px; background-repeat:no-repeat; margin:25px 0 0 0 }
.teacher_list > div:first-child { margin:0 }
.teacher_list p { margin:0 !important; line-height:1.2 !important; font-size:13.5px !important }
.teacher_list .name { font-size:30px !important; font-weight:400; margin:0 0 25px !important; line-height:1 !important }
.teacher_list .name strong { color:#e49600 }
.teacher_list .curriculum { font-size:16px !important; font-weight:400; margin:-10px 0 20px !important; line-height:1.3 !important }
.teacher_list li { font-size:13.5px; line-height:1.2; margin:5px 0 0 0; background:url(/static/img/common/dot01.png) no-repeat 0 6px; padding-left:10px }
.teacher_list li:first-child { margin:0 }
.teacher_list h4 { margin:15px 0 8px 0 }
.teacher_list div.div01 { background-image:url(/static/img/data/teachers/khs_296_316.png); background-position:480px bottom }
.teacher_list div.div02 { background-image:url(/static/img/data/teachers/ljg_251_267.png); background-position:530px bottom }
.teacher_list div.div03 { background-image:url(/static/img/sub01/lyb_212_226.png); background-position:580px bottom; }
.teacher_list div.div04 { background-color:#ededed; background-image:url(/static/img/data/teachers/kin_300_278.png); background-position:500px bottom }
.teacher_list div.div05 { background-image:url(/static/img/sub01/sub04_img05.png); background-position:530px bottom }

.ul_book li { float:left; text-align:center }
.ul_book .img { margin:0 0 10px }
.ul_book p { line-height:1 !important }
.ul_book p.subj { font-size:20px; margin:0 0 8px; font-weight:500; }

.certificate04_01 .box01 h4 { font-size:15px; font-family:noto sans kr; font-weight:500; line-height:1; margin:0 0 15px }
.certificate04_01 .box01 .paragraph { margin-bottom:25px !important }
.certificate04_01 .box01 p { margin:0 !important }
.certificate04_01 .box01 .succession { margin-top:10px !important }
.certificate04_01 .box01 li ul { margin-top:5px }
.certificate04_01 .box01 li li { margin:0 }

.sub05_01 .box01 li { background:url(/static/img/new/bul_check.png) no-repeat 0 4px; padding-left:15px; line-height:1.4; margin:7px 0 0 0; word-break:keep-all }
.sub05_01 .box01 li:first-child { margin:0 }
.sub05_01 .img01 { margin:30px 0 0 0; text-align:center }
.sub05_01 .ul02 li { float:left; width:calc(100%/3 - 86px); margin:0 20px 0 0; text-align:center; border:3px solid #eee; padding:30px; line-height:1.4 }
.sub05_01 .ul02 li i { display:block; text-align:center; font-size:40px; margin:0 0 20px; color:#222 }


.dpy_txt01 { font-size:14px; font-weight:500; color:#0879c0 !important; letter-spacing:-1px; line-height:1.3 !important }