/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);*/


@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 100;
    src: local('Noto Sans Thin'), local('NotoSans-Thin'),local('Noto Sans CJK KR Thin'),
    url(https://librewiki.net/skins/Liberty/fonts/eot/NotoSansKR-Thin-Hestia.woff) format('eot'),
    url(https://librewiki.net/skins/Liberty/fonts/woff/NotoSansKR-Thin-Hestia.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 300;
    src: local('Noto Sans Light'), local('NotoSans-Light'),local('Noto Sans CJK KR Light'),
    url(https://librewiki.net/skins/Liberty/fonts/eot/NotoSansKR-Light-Hestia.eot) format('eot'),
    url(https://librewiki.net/skins/Liberty/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'), local('Noto Sans CJK KR DemiLight'),
    url(https://librewiki.net/skins/Liberty/fonts/eot/NotoSansKR-DemiLight-Hestia.eot) format('eot'),
    url(https://librewiki.net/skins/Liberty/fonts/woff/NotoSansKR-DemiLight-Hestia.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),local('Noto Sans CJK KR Regular'),
    url(https://librewiki.net/skins/Liberty/fonts/eot/NotoSansKR-Regular-Hestia.eot) format('eot'),
    /*url(https://librewiki.net/skins/Liberty/fonts/woff/NotoSansKR-Regular-Hestia.woff) format('woff');*/
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),local('Noto Sans CJK KR Medium'),
    url(https://librewiki.net/skins/Liberty/fonts/eot/NotoSansKR-Medium-Hestia.eot) format('eot'),
    url(https://librewiki.net/skins/Liberty/fonts/otf/NotoSansKR-Medium-Hestia.otf) format('otf'),
    url(https://librewiki.net/skins/Liberty/fonts/woff/NotoSansKR-Medium-Hestia.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'),local('Noto Sans CJK KR Bold'),
    url(https://librewiki.net/skins/Liberty/fonts/eot/NotoSansKR-Bold-Hestia.eot) format('eot'),
    url(https://librewiki.net/skins/Liberty/fonts/otf/NotoSansKR-Bold-Hestia.otf) format('otf'),
    /*url(https://librewiki.net/skins/Liberty/fonts/woff/NotoSansKR-Bold-Hestia.woff) format('woff');*/
}

@font-face {
    font-family: 'Noto Sans Korean';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),local('Noto Sans CJK KR Black'),
    url(https://librewiki.net/skins/Liberty/fonts/eot/NotoSansKR-Black-Hestia.eot) format('eot'),
    url(https://librewiki.net/skins/Liberty/fonts/otf/NotoSansKR-Black-Hestia.otf) format('otf'),
    url(https://librewiki.net/skins/Liberty/fonts/woff/NotoSansKR-Black-Hestia.woff) format('woff');
}
/* @import url(//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); */





@font-face {
    font-family: 'GmarketSansBold';
    src: url('/font/GmarketSansBold.eot');
    src: url('/font/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('/font/GmarketSansBold.woff2') format('woff2'),
         url('/font/GmarketSansBold.woff') format('woff'),
         url('/font/GmarketSansBold.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'SCDream5';
    src: url('/font/SCDream5.eot');
    src: url('/font/SCDream5.eot?#iefix') format('embedded-opentype'),
         url('/font/SCDream5.woff2') format('woff2'),
         url('/font/SCDream5.woff') format('woff'),
         url('/font/SCDream5.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'SCDream7';
    src: url('/font/SCDream7.eot');
    src: url('/font/SCDream7.eot?#iefix') format('embedded-opentype'),
         /*url('/font/SCDream7.woff2') format('woff2'),*/
         url('/font/SCDream7.woff') format('woff'),
         url('/font/SCDream7.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;

}






@font-face {
    font-family: 'malgun';
    font-style: normal;
    font-weight: 700;
    src: local('malgun'), local('malgun'),local('malgun'),
    /*url(/fonts/Malgun/malgun.woff) format('woff'),*/
    url(/fonts/Malgun/malgun.eot) format('eot'),
    
}


/* web font 


@font-face{ 
font-family:'Noto Sans Korean';font-style:normal;font-weight:200;
src:url(//script.ebay.co.kr/fonts/NotoSansKR-Light-Hestia.eot),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype');
src: local('Noto Sans CJK KR Light'), local('Noto Sans Light'),local('NotoSans-Light'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face{ 
font-family:'Noto Sans Korean';font-style:normal;font-weight:400;
src:url(//script.ebay.co.kr/fonts/NotoSansKR-Regular.eot),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype');
src: local('Noto Sans CJK KR Regular'), local('Noto Sans Regular'),local('NotoSans-Regular'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Regular.woff) format('woff'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face{ 
font-family:'Noto Sans Korean';font-style:normal;font-weight:600;
src:url(//script.ebay.co.kr/fonts/NotoSansKR-Medium-Hestia.eot),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype');
src: local('Noto Sans CJK KR Medium'), local('Noto Sans Medium'),local('NotoSans-Medium'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face{ 
font-family:'Noto Sans Korean';font-style:normal;font-weight:bold;
src:url(//script.ebay.co.kr/fonts/NotoSansKR-Bold.eot),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype');
src: local('Noto Sans CJK KR Bold'), local('Noto Sans Bold'),local('NotoSans-Bold'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Bold.woff) format('woff'),
	url(//script.ebay.co.kr/fonts/NotoSansKR-Bold.otf) format('opentype');
}

*/



/*----------------------------------------------------------
 !CUSTOM
----------------------------------------------------------*/
* { margin:0; padding:0;}
* html { height: 0px; overflow-y:scroll;}

html,body {height:100%;} 
.rela {position:relative;}
.relaover {position:relative; overflow:hidden;}
.float.left {float:left;}
.float.right {float:right;}
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.uppercase{ text-transform:uppercase;}
.block{display:block;}
.inline{display:inline-block; width:100%;}

input[type="checkbox"] {margin:0; width:14px; height:14px; vertical-align:middle; margin-right:5px;}
input[type="text"] { font-size:13px; color:#333; padding:0 5px; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle;}
input[type="password"] { font-size:13px; color:#333; padding:0 5px; border:1px solid #ccc; box-sizing:border-box; vertical-align:middle;}


select {color:#333; padding:5px; box-sizing:border-box; vertical-align:middle;}
textarea {font-size:13px; color:#333; padding:10px; box-sizing:border-box;}
hr.w100p {width:100%; margin:15px 0; border:0; border-bottom:1px solid #ddd; }

/* 아이콘 */
.icon-i {display:inline-block; vertical-align:middle;}
.icon-b {display:block; margin:0 auto; bottom:8px; }

/* 버튼 */
.btn-wrap {font-size:0;}
.btn {display:inline-block; text-align:center; vertical-align:middle;}


img, button {border:0 none; vertical-align:middle}
button {margin-top:0px; padding:0; border:0 none; background:none;  cursor:pointer;}
button::-moz-focus-inner {border:0; padding:0;}


/*----------------------------------------------------------
 !LAYOUT
----------------------------------------------------------*/
body {position:relative; width:100%; height:100%; }
#wrap {position:relative; width:100%; min-width:1200px;}
.container {position:relative; width:1200px; margin:0 auto; padding:0;}
.content-st > .container {padding:50px 0;}
.container-w540 {position:relative; width:540px; margin:0 auto; border:1px solid #ddd; background-color:#fff;box-sizing: border-box; overflow: hidden; }






/* !HEADER
============================================================ */
.header-wrap .gnb {background-color:#fff; border-bottom:1px solid #ddd;}
.header-wrap .gnb .container {height:36px;}
.header-wrap .gnb .right {position:absolute; top:6px; right:0; font-size:0;}
.header-wrap .gnb .right li { position:relative; display:inline-block; margin-right:15px; border-radius: 7px; padding: 2px 10px;}

.header-wrap .gnb .right li:first-child { position:relative; display:inline-block; margin-right:15px; background: #e45670}
.header-wrap .gnb .right li:nth-child(2) { position:relative; display:inline-block; margin-right:15px; background: #ef7300;}
.header-wrap .gnb .right li:last-child { position:relative; display:inline-block; margin-right:15px; background: #514395}

.header-wrap .gnb .right li:after{content:""; position:absolute; top:3px; right:-8px; width:1px; height:12px; background-color:#ddd;}
.header-wrap .gnb .right li:last-child:after {display:none;}
.header-wrap .gnb .right li a{font-size:13px; color:#fff;}

.header-wrap .header {height:90px; border-bottom:1px solid #ddd; text-align: center; padding-top: 30px;}
.header-wrap .header .logo {  position:absolute; top:38px; left:0; background:url('../img/logo.gif') no-repeat; }

.header-wrap .header .search-wrap { position:absolute; overflow:hidden; top:44px; left:350px; width:480px; height:36px; border:2px solid #222;}
.header-wrap .header .search-wrap .search-form {position:relative;}
.header-wrap .header .search-wrap .search-form input {width:438px; height:40px;  border:0; box-sizing:border-box;}
.header-wrap .header .search-wrap .search-form .btn-search {width:21px; height:21px; box-sizing:border-box; position:absolute; top:0; padding:21px; background:#222 url('../img/icon_search.png') center no-repeat;}

.header-wrap .header .banner {position:absolute; top:25px; right:220px; font-size:0;}
.header-wrap .header .banner li {position:relative; display:inline-block;}

.header-wrap .header .sns-right {position:absolute; top:40px; right:0; font-size:0;}
.header-wrap .header .sns-right li {position:relative; display:inline-block; margin-right:5px;}
.header-wrap .header .sns-right li:last-child { margin-right:0;}
.header-wrap .header .sns-right li a {font-size:13px; color:#333; line-height:30px;} 
.header-wrap .header .sns-right li .icon-sns-01{width:33px; height:33px; background:url('../img/sns_facebook.png') center no-repeat;}
.header-wrap .header .sns-right li .icon-sns-02{width:33px; height:33px;  background:url('../img/sns_kakao.png') center no-repeat;}
.header-wrap .header .sns-right li .icon-sns-03{width:33px; height:33px; background:url('../img/sns_blog.png') center no-repeat;}
.header-wrap .header .sns-right li .icon-sns-04{width:33px; height:33px;  background:url('../img/sns_band.png') center no-repeat;}
.header-wrap .header .sns-right li .icon-sns-05{width:33px; height:33px;  background:url('../img/sns_youtube.png') center no-repeat;}



/* !MAIN
============================================================ */

/*메인슬라이드*/ 
.main-visual{width:100%; height:470px; position: relative; top: 0; left: 0;}
/* .main-visual .categori-menu{position:relative; width:150px; height:470px; background-color:rgba(0,0,0,0.2); z-index:10;} */
.main-visual .categori-menu .all-cate { position:absolute; left:0; width:150px;height:54px; line-height:54px; padding-left:12px; background:#393c43;}
.main-visual .categori-menu .bg-cate {display:block; font-size:16px; color:#fff;  background:url('../img/icon_all_cate.png') 80% 50%  no-repeat;}
.main-visual .categori-menu .list {padding-top:54px;}
.main-visual .categori-menu .list li {}
.main-visual .categori-menu .list  li  a {display:block; font-size:16px; color:#222; height:54px; line-height:54px; padding-left:12px;}
.main-visual .categori-menu .list > li > a.active{background-color:#fff; color:#db2229;}
.main-visual .categori-menu .list > li > ul{width:150px; position:absolute; top:30px; right:0; left:150px; z-index:9;}
.main-visual .categori-menu .list > li > ul > li > a {font-size:14px; color:#444; height:34px; line-height:34px; }
.main-visual .categori-menu .list > li > ul > li > a.active {color:#222;  text-decoration:underline;}
.main-visual .categori-menu .list:after{content:""; width:150px; position:absolute; top:0; left:150px; bottom:0; background-color:#fff;  border-bottom:1px solid #ddd;} 
.main-visual .slide-img {position:absolute; top:0; height:470px; left:0; right:0; z-index:1;}

.main-visual .btn-wrap { display:inline-block;position:absolute; right: 380px; top: 420px; width: 97px; height:33px;z-index:2; }
.main-visual .btn-wrap .btn-prev {display:inline-block; position:absolute; left:0; width: 33px; height:33px; background:url('../img/btn_prev.gif') center no-repeat;}
.main-visual .btn-wrap .btn-stop {display:inline-block; position:absolute; left:33px; width: 31px; height:33px; background:url('../img/btn_stop.gif') center no-repeat;}
.main-visual .btn-wrap .btn-next {display:inline-block; position:absolute; left:64px; width: 33px; height:33px; background:url('../img/btn_next.gif') center no-repeat;}

.main-visual .bx-pager-wrap {position:absolute; top:430px; left: 50%; transform: translateX(-50%); text-align:center; z-index:3;} 
.main-visual .bx-pager-wrap a.dot {display:inline-block;margin:3px ;width:7px;height:7px;background-color:#fff; border-radius:40px;}
.main-visual .bx-pager-wrap a.active{background-color:red;  }

/*로그인&무료상담*/
.mid-wrap {width:100%; height: 780px; position:relative; overflow:hidden; padding:30px 0;}
.mid-wrap .left {position:relative;width:246px; position:relative; left:0;}
.mid-wrap .right {position:absolute; width:860px; top:0; right: 0;}
.mid-wrap .login-wrap {position:relative; width:100%; height:280px; padding:26px; border: 1px solid #ddd; }
.mid-wrap .login-wrap h2.title { position:relative; font-size: 20px; font-weight:500; color:#222; margin-bottom:20px;}
.mid-wrap .login-wrap input { width:100%; height:30px; box-sizing:border-box; margin-bottom:5px;}
.mid-wrap .login-wrap .check-wrap { position:relative; }
.mid-wrap .login-wrap .check-wrap > a {display:inline-block; font-size:13px; line-height: 30px;}
.mid-wrap .login-wrap .check-wrap > a.find {position:relative; left:0;}
.mid-wrap .login-wrap .check-wrap > a.join {position:absolute; right:0;}
.mid-wrap .login-wrap .btn-login {display:block;font-size:16px;color:#fff;line-height:40px; background-color:#224a84;}

.mid-wrap .login-wrap .direc-btn-wrap {position:relative; left:15px; top:20px;font-size:0;}
.mid-wrap .login-wrap .direc-btn-wrap li {position:relative; display:inline-block; margin-right:20px; }
.mid-wrap .login-wrap .direc-btn-wrap li:last-child { margin-right:0;}
.mid-wrap .login-wrap .direc-btn-wrap li a{ font-size:15px; color:#333; line-height:30px;text-align:center;  }
.mid-wrap .login-wrap .direc-btn-wrap li .direc-btn-01 {width:47px; height:47px; background:url('../img/icon_log_01.png') center no-repeat;}
.mid-wrap .login-wrap .direc-btn-wrap li .direc-btn-02 {width:47px; height:47px; background:url('../img/icon_log_02.png') center no-repeat;}
.mid-wrap .login-wrap .direc-btn-wrap li .direc-btn-03 {width:47px; height:47px; background:url('../img/icon_log_03.png') center no-repeat;}

.mid-wrap .counsel-wrap { position:relative; width:100%;   top:20px; }
.mid-wrap .counsel-wrap > .title { width:300px; font-size:24px; color:#fff; font-weight:500; text-align:center;  line-height:50px; background-color:#394987; }
.mid-wrap .counsel-wrap .form {width:246px; height:300px; padding:26px; border: 1px solid #394987;background-color:#ebeef4;}
.mid-wrap .counsel-wrap .form input, select, textarea { height:30px; box-sizing:border-box; margin-bottom:5px; }
.mid-wrap .counsel-wrap .form textarea { height: 80px;}
.mid-wrap .counsel-wrap .form .w100{width:100%;} 
.mid-wrap .counsel-wrap .form .w33 {width:75px; padding:5px;}
.mid-wrap .counsel-wrap .form .btn-counsel {display:block;font-size:16px;color:#fff;line-height:40px; text-align:center;  background-color:#e14a6f;}

.lecture-wrap {position:relative; top:8;margin-bottom:30px;  }
.lecture-wrap .title-wrap {position:relative; height:40px; margin-bottom:30px; text-align:center; display: flex; justify-content: space-between;}
.lecture-wrap .title-wrap > h2.list-title {font-size:26px; color:#222;  letter-spacing:-1; font-weight:500; display: inline-block;}
.lecture-wrap .title-wrap > h2.list-title span.point {color: #326ac5; font-weight:600;}
.lecture-wrap .title-wrap .btn-more { display:inline-block;position:absolute; right:0; top:14px;;  width: 76px; height:30px; background:url('../img/icon_more.png') right 4px no-repeat;}
.lecture-wrap .title-wrap a.btn-more:hover { text-decoration:underline;}
.lecture-wrap .title-wrap .btn-more > span.more{font-size:16px;}

.lecture-wrap .lecture-list {position:relative;left:0; right:0;}
.lecture-wrap .lecture-list li {position:relative;  display:inline-block; margin-right: 21px; vertical-align:top;}
.lecture-wrap .lecture-list li:last-child { margin-right:0;}
.lecture-wrap .lecture-list li img { width: 220px; height: 135px}
.lecture-wrap .lecture-list li p { height:50px;font-size:14px; line-height: 18px; color: #333; padding:7px 0 0 0px;}

/* 2018.11.20 로그인 후 메인 :S*/
.mid-wrap .user-wrap {position: relative; width:100%; height:280px; padding:26px; border:1px solid #dddddd;}
.mid-wrap .user-wrap > div {width:100%;}
.mid-wrap .user-wrap .login_user_name {height:90px; padding:0 5px; box-sizing:border-box;}
.mid-wrap .user-wrap .login_user_name ul {width:100%; height:90px; position:relative; background:url(../images/user_icon.png)no-repeat left; padding:20px 0 0 80px; box-sizing:border-box;}
.mid-wrap .user-wrap .login_user_name ul li:first-child { margin-bottom:5px; font-size:22px; font-weight:500;}
.mid-wrap .user-wrap .login_user_name ul li:last-child {line-height:13px; font-size:13px}
.mid-wrap .user-wrap .login_user_name ul li .user_note_icon {width:15px; height: 15px; background:url(../images/note_icon.png) no-repeat center; float:left}

.mid-wrap .user-wrap .user_menu {margin:15px auto;}
.mid-wrap .user-wrap .user_menu .lecture_btn > li  {width:100%; height:43px; margin-bottom:10px; position:relative; background:#394987; line-height:43px; font-size:16px; font-weight:400; color:#ffffff; text-align:center; }

.mid-wrap .user-wrap .user_menu .lecture_btn li .user_list_down {width:15px; height:15px; background:url('../images/user_list_down.png')no-repeat center; position:absolute; top:15px; right:60px;}
.mid-wrap .user-wrap .user_menu .lecture_btn li > .user_class_list {position:absolute; top:43px; z-index:10; font-size: 13px; color:#4c4c4c; ; width:100%; border:1px solid #394987; box-sizing:border-box; padding:10px; background:#ffffff;}
.mid-wrap .user-wrap .user_menu .lecture_btn li > .user_class_list >li {width:100%; height:30px; margin:0; box-sizing: border-box; line-height:30px; text-align:left; }
.mid-wrap .user-wrap .user_menu .lecture_btn li > .user_class_list li a {width:100%; height:30px; font-weight:400}
    

.mid-wrap .user-wrap .user-btn-wrap {width:100%; border-top:1px solid #666666; padding:10px 20px; box-sizing:border-box}
.mid-wrap .user-wrap .user-btn-wrap li {float:left; width:50%; height:65px; text-align:center; }
.mid-wrap .user-wrap .user-btn-wrap li:last-child {margin-right:0}
.mid-wrap .user-wrap .user-btn-wrap .user-btn-01 {width:47px; height:47px; background:url('/images/icon_user_01.png')no-repeat center; }
.mid-wrap .user-wrap .user-btn-wrap .user-btn-02 {width:47px; height:47px; background:url('/images/icon_user_02.png')no-repeat center;}
/* 2018.11.20 로그인 후 메인 :E*/

/*vod*/
.vod-wrap{position:relative; top:30px; background-color:#f3f5f7; height:456px; padding:50px;}
.vod-wrap .title-wrap {position:relative; height:50px; margin-bottom:30px; text-align:center;}
.vod-wrap .title-wrap > h2.title {font-size:26px; color:#222;  letter-spacing:-1; font-weight:500;}
.vod-wrap .title-wrap > h2.title span.blue {color:#224a84; font-weight:600;}
.vod-wrap .title-wrap .btn-wrap { display:inline-block;position:absolute; right:0; top:14px; width: 97px; height:33px; }
.vod-wrap .title-wrap .btn-wrap .btn-prev {display:inline-block; position:absolute; left:0; width: 33px; height:33px; background:url('../img/btn_prev.gif') center no-repeat;}
.vod-wrap .title-wrap .btn-wrap .btn-stop {display:inline-block; position:absolute; left:33px; width: 31px; height:33px; background:url('../img/btn_stop.gif') center no-repeat;}
.vod-wrap .title-wrap .btn-wrap .btn-next {display:inline-block; position:absolute; left:64px; width: 33px; height:33px; background:url('../img/btn_next.gif') center no-repeat;}

.vod-wrap .vod-list {position:relative; overflow:hidden;left:0; right:0;}
.vod-wrap .vod-list li {position:relative; display:inline-block; margin-right:16px;text-align:center;}
.vod-wrap .vod-list li:last-child {margin-right:0;}
.vod-wrap .vod-list li .title {background-color:#fff; height:76px;text-align:center; padding: 20px 0;}
.vod-wrap .vod-list li .title .thumb-vod {position:relative; left:112px; width:60px; height:20px; background-color:#ea1818; border-radius:30px;}
.vod-wrap .vod-list li .title .thumb-vod span{ font-size:13px; color:#fff;  line-height:20px;font-weight:400;}
.vod-wrap .vod-list li .title p {position:relative; top:10px; font-size:16px; color:#333; line-height:22px;font-weight:400;}

.bx-pager-wrap {position:relative; top:30px; text-align:center;} 
.bx-pager-wrap a.dot {display:inline-block;margin:3px ;width:14px;height:14px;background-color:#d3d3d3; border-radius:40px;}
.bx-pager-wrap a.active{background-color:#5194dc;  }


/*review*/
.review-wrap{position:relative; top:30px; background-color:#ececf0; height:480px; padding:50px;}
.review-wrap .title-wrap {position:relative; height:50px; margin-bottom:30px; text-align:center;}
.review-wrap .title-wrap > h2.title {font-size:26px; color:#222;  letter-spacing:-1; font-weight:500;}
.review-wrap .title-wrap > h2.title span.blue {color:#224a84; font-weight:600;}
.review-wrap .title-wrap .btn-wrap { display:inline-block;position:absolute; right:0; top:14px; width: 97px; height:33px; }
.btn-wrap .btn-prev {display:inline-block; position:absolute; left:0; width: 33px; height:33px; background:url('../img/btn_prev.gif') center no-repeat;}
.btn-wrap .btn-stop {display:inline-block; position:absolute; left:33px; width: 31px; height:33px; background:url('../img/btn_stop.gif') center no-repeat;}
.btn-wrap .btn-next {display:inline-block; position:absolute; left:64px; width: 33px; height:33px; background:url('../img/btn_next.gif') center no-repeat;}

.review-wrap .review-list {position:relative; overflow:hidden;left:0; right:0;}
.review-wrap .review-list li {position:relative; display:inline-block; width:285px; height: 350px; border:1px solid #dfdfdf; box-sizing:border-box;  background-color:#fff;  margin-right:16px; padding: 30px;}
.review-wrap .review-list li:last-child {margin-right:0;}
.review-wrap .review-list li.active {border:3px solid #5194dc; }
.review-wrap .review-list li .reviewer {position:relative;width:100%;   height:80px; border-bottom:1px solid #ddd;}
.review-wrap .review-list li .reviewer .thumb-review-01 {position:absolute; left:12px; width:62px; height:62px; background:url('../img/icon_review_01.png')  no-repeat;}
.review-wrap .review-list li .reviewer .thumb-review-02 {position:absolute; left:12px; width:62px; height:62px; background:url('../img/icon_review_02.png')  no-repeat;}
.review-wrap .review-list li .reviewer .thumb-review-03 {position:absolute; left:12px; width:62px; height:62px; background:url('../img/icon_review_03.png')  no-repeat;}
.review-wrap .review-list li .reviewer .thumb-review-04 {position:absolute; left:12px; width:62px; height:62px; background:url('../img/icon_review_04.png')  no-repeat;}
/*	2018.11.02 @내용 : 수강후기 회원아이디 부분 수정
.review-wrap .review-list li .reviewer p.identity {position:relative; width:120px; top:14px; left:90; font-size:26px; color:#222; line-height:22px;font-weight:600;}	*/
.review-wrap .review-list li .reviewer p.identity {position:relative; width:130px; top:16px; left:90; font-size:22px; color:#222; line-height:22px;font-weight:600;}
.review-wrap .review-list li .reviewer p.identity span.txt-sm {font-size:16px;}
.review-wrap .review-list li .review-text {position:relative; top:20px; width:100%; height:170px;font-size:14px; color:#333;line-height:24px; padding:3px; }

/*공지사항,언론보도 게시판, 고객만족센터*/
.foot-board {position:relative; overflow: hidden; width: 100% ; padding: 50px 0; background: #f9f9f9; clear: both;}
.foot-board  ul.boxing  { position:relative; font-size:0; }
.foot-board  ul.boxing > li {display:inline-block;  font-size:14px; padding:0 36px; vertical-align:top;}
.foot-board .title-warp {position:relative; margin-bottom:20px;}
.foot-board .title-warp h2 { font-size:26px; color:#222;  letter-spacing:-1; font-weight:600; border-bottom: 1px solid #e6e6e6; }
.foot-board .title-warp .btn-more { display:inline-block;position:absolute; right:0; top:14px;;  width: 76px; height:30px; color:#333; background:url('../img/icon_more.png') right 4px no-repeat;}
.foot-board .title-warp a.btn-more:hover { text-decoration:underline;}
.foot-board .title-warp .btn-more > span.more{font-size:16px;}
.foot-board .foot-board-list dl { position:relative; overflow:hidden; line-height:28px; }
.foot-board .foot-board-list dl dt {float:left; width:295px; font-size:14px;color:#444; letter-spacing:-0.5px;}
.foot-board .foot-board-list dl dd {float:right;}

.foot-board .customer-wrap  {position:relative; font-size:0;}
.foot-board .customer-wrap li {display:block; margin-bottom:10px; padding:0;}
.foot-board .customer-wrap li span {font-size:14px; color:#333;}
.foot-board .customer-wrap li p {font-size:18px; color:#394987; font-weight:600;}
.foot-board .customer-wrap li .main-num {font-size:30px; color:#ff6868; font-weight:600;}
.foot-board .time-wrap {position:relative; font-size:0;}
.foot-board .time-wrap li {position:relative; display:inline-block; margin-right:10px;padding:0;}
.foot-board .time-wrap li:last-child {margin-right:0;}
.foot-board .time-wrap li:after{content:""; position:absolute; top:3px; right:-8px; width:1px; height:12px; background-color:#ddd;}
.foot-board .time-wrap li:last-child:after {display:none;}
.foot-board .time-wrap li span {font-size:12px; color:#333;}


.footer { position: relative; bottom: 0; left: 0;  right: 0}
.footer .brand-site { position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center;}
.footer .brand-site ul { font-size:0;}
.footer .brand-site ul li {display:inline-block; padding: 14px 30px;}
.footer .edu-info-wrap {position:relative; height:40px; border-top:1px solid #ddd;  border-bottom:1px solid #ddd}
.footer .edu-info-wrap .left {position:absolute; top:9px; left:0; font-size:0;}
.footer .edu-info-wrap .left li {position:relative; display:inline-block; margin-right:50px;}
.footer .edu-info-wrap .left li:last-child {margin-right:0;}
.footer .edu-info-wrap .left li:after {content:""; position:absolute; top:7px; right:-26px; width:1px; height:10px; background-color:#6e7075;}
.footer .edu-info-wrap .left li:last-child:after {display:none;}
.footer .edu-info-wrap .left li a {font-size:15px; color:#8d8d92; }
.footer .edu-info-wrap .right {position:absolute; top:9px; right:0; font-size:0; }
.footer .edu-info-wrap .right li {position:relative; display:inline-block; margin-right:26px; }
.footer .edu-info-wrap .right li:last-child {margin-right:0;}
.footer .edu-info-wrap .right li:last-child:after {display:none;}
.footer .edu-info-wrap .right li a {font-size:15px; color:#8d8d92; }
.footer .edu-info-wrap .right .icon_foot_01 {width:23px; height:23px; background:url('../img/icon_foot_01.png') center  no-repeat; margin-right:5px; }
.footer .edu-info-wrap .right .icon_foot_02 {width:23px; height:23px; background:url('../img/icon_foot_02.png') center  no-repeat; margin-right:5px;}
.footer .edu-info-wrap .right .icon_foot_03 {width:23px; height:23px; background:url('../img/icon_foot_03.png') center  no-repeat; margin-right:5px;}


.website-info-wrap { position:relative;  height:144px;}
.website-info-wrap .logo { width:250px; height:50px; position:relative; top:50px; left:0; background:url('../img/logo_foot.png') no-repeat; }
.website-info-wrap .info {position:absolute; top:30px; left:235px; }
.website-info-wrap .info span {font-size:13px; color:#8d8d92;  line-height:22px;}
.website-info-wrap .info span.asset { margin-right:14px; }


/* !SUB
============================================================ */

.login-wrap{position:relative;}
.login-wrap .login-container { width:600px; margin:0 auto;}
.form-wrap { position: relative;  padding:50px 40px; text-align: center; }
.login-wrap .title-wrap { height:100px;color:#1c1c1c;text-align:center; }
.login-wrap .title-wrap h2.tit {font-size:28px; color:#222; font-weight:500;line-height:28px;   }
.login-wrap .title-wrap p.tit_m {font-size:16px; color:#222;}
.fieldset-wrap {position:relative; width: 100%; }
.fieldset-wrap .input-list {position:relative; overflow:hidden; font-size:hidden;}
.fieldset-wrap .input-list li {margin-bottom:10px;}
.fieldset-wrap .input-list li:last:child {margin-bottom:0;}

.fieldset-wrap  .input_ty {width:100%;height:50px;background-color: #fff; padding: 0 15px;  border:1px solid #ccc; box-sizing:border-box;color:#111; font-weight: 500;vertical-align:top; font-size:15px;}
.fieldset-wrap .btn-wrap {position:relative; overflow:hidden; font-size: 0; text-align: center; margin-bottom:10px;}
.fieldset-wrap .btn-wrap li {display:inline-block;position:relative;padding:0 1px;}
.fieldset-wrap .btn-wrap li a {display: block; padding: 10px; font-size: 15px;}
.fieldset-wrap .btn-wrap li:first-child:after{content:""; position:absolute; top:13px; right:-1px; width:1px; height:15px; background-color:#ddd;}
a.btn_ty {display:block; background-color:#224a84; color:#fff !important; font-size:20px;font-weight: 500; line-height:60px; }
a:hover.btn_ty { color:#fff;}
.fieldset-wrap mail-wrap {position:relative; font-size:0; }
.fieldset-wrap .mail-wrap li {display:inline-block; width:50%; float:left; margin-bottom:10px;} 
.fieldset-wrap .mail-wrap li:first-child { width:45%; padding-right:24px; }
.fieldset-wrap .mail-wrap li:last:child { width:50%;  padding-right:0;}

.fieldset-wrap .mail-wrap::before {content:"@";position:absolute; left:46%; top:0; line-height:50px; font-size:16px; }
.fieldset-wrap .mt .select-ty {width:100%;height:50px;padding:0 0 0 10px;background:#fff;border:1px solid #ccc;box-sizing:border-box;color:#1c1c1c; vertical-align:top;ackground:url('../img/icon_form.png') center  no-repeat;  }


/*회원가입*/
.register-wrap {position:relative;}
.register-wrap .register-container {width:940px; margin:0 auto;}
.register-wrap .tit-wrap {position:relative; top:50px; text-align:center;}
.register-wrap .tit-wrap h2.tit {font-size:32px; color:#333; font-weight:600; line-height:50px;}
.register-wrap .tit-wrap p.tm {font-size:16px; color:#333;  line-height:50px;}
.register-wrap .tab-wrap { margin-top:70px;}
.register-wrap .tab-menu {position:relative; font-size:0;}
.register-wrap .tab-menu li {display:inline-block;  width:50%;  background:#eee; text-align:center;}
.register-wrap .tab-menu li span {font-size:18px; color:#444;font-weight:500; line-height:50px;}
.register-wrap .tab-menu li:first-child {background:#58749c; color:#fff;}
.register-wrap .tab-menu li:first-child span {color:#fff;}
.register-wrap .fieldset-wrap {position:relative;}
.register-wrap .fieldset-wrap .tit-sm-wrap {margin-top:30px; margin-bottom:20px;}
.register-wrap .fieldset-wrap .tit-sm-wrap h3.tit {font-size:20px; color:#444; line-height:36px;}
.register-wrap .fieldset-wrap .tit-sm-wrap p.tm {font-size:15px; color:#666; ;line-height:22px;}
.register-wrap .fieldset-wrap .ess { display:inline-block;background:url('../img/icon_ess.png') center  no-repeat; width:8px; height:7px; vertical-align:top; position:relative; top:7px;}
.register-wrap .fieldset-wrap .register-table {width:100%; border-top: 2px solid #333;}
.register-wrap .fieldset-wrap .register-table th,
.register-wrap .fieldset-wrap .register-table td {border-bottom:1px solid #ddd; text-align:left;}
.register-wrap .fieldset-wrap .register-table th {width:150px; height:30px;  font-size:14px;color:#333; font-weight:400; padding-left:15px;background:#f6f6f6;}
.register-wrap .fieldset-wrap .register-table td { height: 30px; padding:10px 0 10px 15px;}
.register-wrap .fieldset-wrap .register-table .w150 {width:150px;}
.register-wrap .fieldset-wrap .register-table .w200 {width:200px;}
.register-wrap .fieldset-wrap .register-table .w500 {width:500px;}
.register-wrap .fieldset-wrap .register-table input {border:1px solid #ccc; background:#fff; height:30px; color:#292929; font-size:14px; text-indent:10px;}
.register-wrap .fieldset-wrap .register-table input::placeholder{color:#bbbbbb;}
.register-wrap .fieldset-wrap .register-table input:-ms-input-placeholder{color:#bbbbbb;}
.register-wrap .fieldset-wrap .register-table select {border:1px solid #ccc; background:#fff; height:30px; color:#292929; font-size:14px; line-height:14px;text-indent:10px; margin-bottom:0;}
.register-wrap .fieldset-wrap .register-table select::placeholder{color:#bbbbbb;}
.register-wrap .fieldset-wrap .register-table select:-ms-input-placeholder{color:#bbbbbb;}
.register-wrap .fieldset-wrap .register-table a.btn-st {display:inline-block; width:100px; height: 30px; font-size:15px; line-height:28px; color:#fff; font-weight: normal;background:#9aa1ab;} 
.register-wrap .fieldset-wrap .register-table input.radio {width:15px; height:15px; border:1px solid #ccc; background:#fff;  margin:0 5px;}

.register-wrap .fieldset-wrap .register-table ul {font-size:0;}
.register-wrap .fieldset-wrap .register-table .id-wrap { width:500px;}

.register-wrap .fieldset-wrap .register-table .id-wrap ul li  {display:inline-block;float:left;font-size:14px;}
.register-wrap .fieldset-wrap .register-table .id-wrap ul li:first-child  {margin-right:10px;}
.register-wrap .fieldset-wrap .register-table .email-wrap ul {margin:0 -5px;}
.register-wrap .fieldset-wrap .register-table .email-wrap ul li  {position:relative;display:inline-block;float:left;font-size:14px;  padding:0 5px;}
.register-wrap .fieldset-wrap .register-table .email-wrap ul li:first-child{margin-right:15px;}
.register-wrap .fieldset-wrap .register-table .email-wrap ul li span.blank { display:inline-block;  text-align:center; position:absolute;  width:20px; top:0; left:158px;font-size:15px; color:#666; line-height:28px;}
.register-wrap .fieldset-wrap .register-table .adress-wrap ul li {display:inline-block; margin-bottom:5px;}
.register-wrap .fieldset-wrap .register-table .adress-wrap ul li:first-child  {margin-right:10px;}
.register-wrap .fieldset-wrap .register-table .adress-wrap ul li:nth-child(3)  {margin-right:10px;}
.register-wrap .fieldset-wrap .register-table .cell-phone-wrap ul {margin:0 -5px;}
.register-wrap .fieldset-wrap .register-table .cell-phone-wrap ul li {position:relative; display:inline-block;width:20%; padding:0 5px;vertical-align:middle;}
.register-wrap .fieldset-wrap .register-table .cell-phone-wrap ul li span.blank { display:inline-block; text-align:center;position:absolute; left:152px;width:20px;font-size:15px; color:#666; line-height:28px;}
.register-wrap .fieldset-wrap .register-table .cell-phone-wrap ul li input,
.register-wrap .fieldset-wrap .register-table .cell-phone-wrap ul li select {width:150px; vertical-align:middle;}

.register-wrap .fieldset-wrap .register-table .agree-wrap ul {margin:0 -20px;}
.register-wrap .fieldset-wrap .register-table .agree-wrap ul li  {position:relative; vertical-align:middle;display:inline-block;float:left;font-size:15px; color:#666; line-height:34px; text-align:left;padding:0 20px; }
.register-wrap .fieldset-wrap .register-table .agree-wrap ul li label { padding-right:10px; color:#444; }
.register-wrap .fieldset-wrap .register-table .like-wrap ul {margin: 0 -5px;}
.register-wrap .fieldset-wrap .register-table .like-wrap ul li  {position:relative; vertical-align:middle;font-size:15px; color:#666; line-height:34px; text-align:left;}
.register-wrap .fieldset-wrap .register-table .like-wrap ul li span {display:inline-block;float:left; width:150px; margin-right:50px;}
.register-wrap .fieldset-wrap .register-btn-wrap {margin-top:30px; text-align:center;}

.register-wrap .fieldset-wrap .agree-wrap {position:relative; overflow:hidden; margin:0 -10px;}
.register-wrap .fieldset-wrap .agree-wrap li {display:inline-block;float:left; width:50%; padding:0 10px; box-sizing:border-box; }
.register-wrap .fieldset-wrap .agree-wrap li p {margin-bottom: 10px;}
.register-wrap .fieldset-wrap .agree-wrap li label { font-size:15px; line-height: 24px; vertical-align:middle;}
.register-wrap .fieldset-wrap .agree-wrap li .scoll-box {border:1px solid #ddd; box-sizing:border-box; padding:20px; overflow-y:scroll; height:200px; }
.register-wrap .fieldset-wrap .agree-wrap li .scoll-box p.content {font-size:13px; color:#666; line-height:20px;  font-weight:200;}
.register-wrap .fieldset-wrap .register-btn-wrap {margin-bottom:50px;}
.register-wrap .fieldset-wrap .register-btn-wrap a {display:inline-block; width:100px;padding:14px 40px; font-size:20px; line-height:20px; font-weight:400; margin: 5px;}
.register-wrap .fieldset-wrap .register-btn-wrap a.btn-cencel {background:#ddd; color:#999;}
.register-wrap .fieldset-wrap .register-btn-wrap a.btn-ok {background:#224a84 url('../img/icon_btn.png') 150px center  no-repeat;color:#fff;}

.complete-container {margin-top:100px;height:500px;}
.complete-container .title-wrap { height:280px;color:#1c1c1c;text-align:center; background:url('../img/complete_img.png') center 130px no-repeat;}
.complete-container .title-wrap h2.tit {font-size:28px; color:#222; font-weight:500;line-height:28px; margin-bottom: 30px;  }
.complete-container .title-wrap p.tit_m {font-size:16px; color:#222;}
.complete-container .complete-btn-wrap {position:relative;top:220px;}
.complete-container .complete-btn-wrap a.btn_complete {display:inline-block; width:100px;padding:14px 40px; font-size:20px; line-height:20px; font-weight:400; background:#224a84 url('../img/icon_btn.png') 150px center  no-repeat;color:#fff;}

/*	css 추가 //START */
/* !MAIN_ADD [메인]
============================================================ */
/* 208.10.31 shKim @내용 : 공지사항과 footer 간격 조정을 위해 아래 css 추가 */
.board-margin {margin-bottom: 80px;}
/* 2018.11.02 @내용 : 빠른상담신청 -> 학습상담신청하기 버튼 css 추가 */
.add-counsel {cursor: pointer;}
/* 2018.11.02 jyKim @내용 : Layer popup css 추가 start */
.pop-layer {display: none; position: absolute; top: 50%; left: 50%;  height: auto; background-color: #fff; z-index: 10;}
.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
.dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8;}
.dim-layer .pop-layer { display: block;}
/* .btn-layerClose {position:absolute; margin-top:290px; left:50%; margin-left:325px; width:30px; height:30px; background:url('/images/main2018/close.png') no-repeat 0 0; background-size:30px 30px; text-indent:-999em;} */
.btn-layerClose {position:relative; float: right;/*margin-top:230px;*//* top: 25%; left:50%; margin-left:430px;*/ width:30px; height:30px; background:url('/images/main2018/close.png') no-repeat 0 0; background-size:30px 30px; text-indent:-999em; margin:10px;}
/* 2018.11.02 jyKim @내용 : Layer popup css 추가 end */
/* 2018.11.16 shKim @내용 : 로그인 -> 아이디저장 추가 //START */
.mid-wrap .login-wrap .check-wrap {font-size:12px; height:30px;}
.mid-wrap .login-wrap .check-wrap .save-box {float:left; width:80px; height:25px; margin: -5px 0 3px 0;}
.mid-wrap .login-wrap .check-wrap .save-box .chkbox-size {width:13px; margin-top:1px !important}
.mid-wrap .login-wrap .check-wrap .save-box span {line-height:9px; font-weight:400;}    
.mid-wrap .login-wrap .check-wrap .find_join_wrap {float:right; height:25px; color:#666666; line-height:22px; position:relative; }
.mid-wrap .login-wrap .check-wrap .find_join_wrap a {margin-left:5px; font-weight: 300}
.mid-wrap .login-wrap .check-wrap .find_join_wrap .find:after {content:""; width:1px; height:12px; background:#b2b2b2; position:absolute; top:6px; right:46px}
/* 2018.11.16 shKim @내용 : 로그인 -> 아이디저장 추가 //END */

/* 2018.12.24 shKim @내용 : 보도자료 주석처리에 따른 공지사항 width값 임시 수정 */
.temporarily_size {width:800px;}
/* 2018.12.31 shKim @내용 : 관리자/기업관리자/튜터 로그인 했을 때 화면 css //START */
.mid-wrap .user-wrap .user_menu .manage_btn > li  {height:90px;}
.mid-wrap .user-wrap .user_menu .manage_btn > li > a {position: absolute; margin-top: 25px; margin-left: -33px;}
.mid-wrap .user-wrap .user_menu .lecture_btn .manage_bg {background:#fff;}
/* 2018.12.31 shKim @내용 : 관리자/기업관리자/튜터 로그인 했을 때 화면 css //END */
/* 2019.01.02 shKim @내용 : 강의실입장&수강중인강좌 버튼 css */
.class_link {cursor: pointer;}

/* !LOGIN_ADD [로그인]
============================================================ */
/* 2018.11.14 @내용 : 아이디저장 추가 , 구분선 추가 //나중에 css파일 에 추가해줘야함!!!! //START */
.fieldset-wrap .btn-wrap {clear:both; margin:5px auto; width:100%; height:50px; font-size:14px; }
.fieldset-wrap .btn-wrap .id_save_chk {float:left; vertical-align:middle;  font-size:15px; height:50px; line-height:41px}
.fieldset-wrap .btn-wrap .id_save_chk a > input[type=checkbox] {width:16px; height:16px; margin-top:-4px}
.fieldset-wrap .btn-wrap .find_join_btn {float:right;}
.save-text {cursor: default;}
/* 2018.11.14 @내용 : 아이디저장 추가 , 구분선 추가 //나중에 css파일 에 추가해줘야함!!!! //END */

/* !IDPW_ADD [아이디/비밀번호 찾기]
============================================================ */
/* 2018.11.14 @내용 : 이메일 주소 안내 메시지 추가 //나중에 css파일 에 추가해줘야함!!!! //START */
.guide {text-align: left; padding:10px 3px; margin-top:20px; color:#3a3a3a; border-top:1px solid #d7d7d7; font-size:13px; font-weight:100;}
.guide ul li {height:15px; line-height:17px; padding:2.5px}
.guide ul li i {width:2px; height:2px; display: inline-block; background:#999999; vertical-align:middle}
.guide span {text-decoration:underline}
/* 2018.11.14 @내용 : 이메일 주소 안내 메시지 추가 //나중에 css파일 에 추가해줘야함!!!! //END */

/* !COMPULSORY_EDU & VOUCHER_CARD_COMMON [법정필수교육 & 바우처카드]
============================================================ */
.content {width:100%;}
.inner {width:1200px; margin:0 auto;}

/* !COMPULSORY_EDU_ADD [법정필수교육]
============================================================ */
.court01 {background:url(../images/court/bg/court_bg01.jpg) center no-repeat;}
.court02 {background:#2d1c35;}
.court03 {background:#f5f3f6;}
.court04 {background:#ffffff;}
.court05 {background:url(../images/court/bg/court_bg05.jpg) center no-repeat;}

/* !VOUCHER_CARD_ADD [바우처카드]
============================================================ */
.voucher01 {background:url(../images/voucher/bg/vouchercard_bg01.jpg) center no-repeat;}
.voucher02 {background:#1b213e;}
.voucher03 {background:url(../images/voucher/bg/vouchercard_bg02.jpg) center no-repeat;}
.voucher04 {background:url(../images/voucher/bg/vouchercard_bg03.jpg) center no-repeat;}
.voucher05 {background:#ffffff;}

/* !REFUND_PROCESS & WORKER_PROCESS_COMMON [고용보험환급과정 & 근로자내일배움카드]
============================================================ */
.list_sample_btn {background:url("/images/list_img/sample_btn.png"); margin-right:5px;}
.list_inter_btn {background:url("/images/list_img/inter_btn.png");}
.list_inter_btn_on {background:url("/images/list_img/inter_btn_over.png");}
.list_wrap_reset {width:430px !important;}
.classSearch-reset {height: 34px; background: #636363; color: #ffffff; box-sizing: border-box; border: none; cursor: pointer;}
span.star-prototype, span.star-prototype > * {
    height: 16px; 
    /*background: url(http://i.imgur.com/YsyS5y8.png) 0 -16px repeat-x;*/
    background: url(/images/list_img/score5_icon.png) 0 -16px repeat-x;
    width: 80px;
    display: inline-block;
}
 
span.star-prototype > * {
    background-position: 0 0;
    max-width:80px; 
}
/*	2019.01.10 shKim @내용 : 검색 결과 없을 때, 메시지 내용 가운데 위치 css	*/
.search-result-no {text-align: center;} 

/* !REFUND_PROCESS_ADD [고용보험환급과정]
============================================================ */
.content {width:100%;}
.inner {width:1200px; margin:0 auto;}    
.refund01 {background:url('/images/refund/bg/refund_bg01.jpg')center no-repeat;}
.refund02 {background:url('/images/refund/bg/refund_bg02.jpg')center no-repeat;}
.refund03 {background:url('/images/refund/bg/refund_bg03.jpg')center no-repeat;}
.refund04 {background:#ffffff;}
.refund05 {background:#f0e3db;}
.refund06 {background:url('/images/refund/bg/refund_bg06.jpg')center no-repeat;}
.refund07 {background:#ffffff;}
.refund08 {background:url('/images/refund/bg/refund_bg08.jpg')center no-repeat;}

/* !WORKER_PROCESS_ADD [근로자내일배움카드]
============================================================ */
.content {width:100%;}    
.inner {width:1200px; margin:0 auto;}

.naeil01 {background:url('/images/naeil/bg/naeil_bg01.jpg') center no-repeat;}
.naeil02 {background:#e6eff5;}
.naeil03 {background:#ffffff}
.naeil04 {background:url('/images/naeil/bg/naeil_bg04.jpg') center no-repeat;}
.naeil05 {background:#ffffff}
.naeil06 {background:url('/images/naeil/bg/naeil_bg06.jpg') center no-repeat; height:410px;}
.naeil07 {background:url('/images/naeil/bg/naeil_bg07.jpg') center no-repeat;}

.naeil06 .advice_form {width:1000px; margin:0 auto; font-style:"Noto Sans KR", sans-serif;}
.naeil06 .advice_form ul {width:800px;height:200px; float:left; margin:0 auto; padding-left:70px; box-sizing: border-box;}
.naeil06 .advice_form ul li {float:left; height:42px; margin-bottom:15px; margin-right:60px; box-sizing: border-box}
.naeil06 .advice_form ul li > span {font-size:17px; vertical-align:middle;}

.advice_form input[type=text], .advice_form select {border:1px solid #d7d7d7; box-sizing: border-box; padding:5px 10px; vertical-align:middle;}
.naeil06 .us_name input[type=text] {width:224px; height:37px; margin-left:25px;}
.naeil06 .us_hp input[type=text] {width:80px; height:37px; margin:0 5px; vertical-align:top;}
.naeil06 .us_hp select {width:80px; height:37px;  margin-left:9px; padding-right:10px; appearance:none; -webkit-appearance:none; background:url('/images/naeil/txt/naeil_listbtn.png') no-repeat; background-position:right center; background-color:#ffffff}
.naeil06 .us_hp select::-ms-expand{display:none;  opacity: 0}
.naeil06 .us_hp  em {font-style: normal; font-size:17px;}
.naeil06 .us_mail input[type=text] {width:224px; height:37px; margin-left:9px;}
.naeil06 .protection_btn {padding:8px 15px; background:#000000; color:#ffffff; font-size:14px; margin-right:10px; cursor:pointer; vertical-align:middle}
.naeil06 .prot {padding-top:3px;}
.naeil06 .prot label {font-size: 15px; margin-right: 10px;}
.naeil06 input[type=radio] {margin-right:3px; }

.advice_btn > img {cursor:pointer}

/* !LECTURE_DETAIL_ADD [강의 상세페이지_수강신청]
============================================================ */
/* 2018.12.11 @내용 : 관심강의 등록 했을 때 버튼색 변경되도록 css 추가 //색상은 다시 작업해달라고 해야함 */
.detail_wrap .btn_wrap > .inter_bg {background: #e9393e !important;}
/* 2019.01.07 @내용 : 수강신청 문의하기 임시 사용에 따른 이름&연락처&개인정보제공동의 tag css //START */
.form-sd p {margin-bottom:5px;}
.form-sd p:first-child input{width:243px;}
.form-sd label {display:inline-block;width:100px;}
.form-sd input[type='text'] {height:30px;padding:5px; vertical-align:top;}
.form-sd input.nb {width:80px;}
/* 2019.01.07 @내용 : 수강신청 문의하기 임시 사용에 따른 이름&연락처&개인정보제공동의 tag css //END */

/*	css 추가 //END */

/* !COLOR
============================================================ */
.dark-gray {color:#909090 !important;}
.white {color:#fff !important;}
.yellow {color:#e6b000 !important;}
.black {color:#333 !important;}
.blue {color:#1960c9 !important;}
.darkblue {color:#484c55 !important;}
.red {color:#cd4d4e !important;}


.bg-white {background-color:#fff !important;}
.bg-lightgray {background-color:#f8f8fa !important;}
.bg-gray {background-color:#efefef !important;}
.bg-darkgray {background-color:#4c4c50 !important;}
.pink {color:#e14a86 !important;}



/* 국민내일배움카드 */

.sub_h2title {font-size: 30px; margin-bottom: 10px;}
.sub_h3title {font-size: 25px; margin-bottom: 10px;}
.sub_con { font-size: 16px; padding: 30px 0 50px 0;}
.educard02 { text-align: center; padding: 10px 0;}


.cardguide_box01 { background: #e7f6ff;; padding: 15px 30px; display: flex; border-radius:15px; align-items: center; margin-bottom: 20px;}
.cardguide_box01 p { font-size: 20px; color: #000; font-weight:700;}
.cardguide_box01 div:first-child { margin-right: 50px;}
.cardguide_box01 li { list-style-type: disc; list-style-position: inside;}

.cardguide_box02 {padding:0px 20px 40px 20px; border-radius: 20px; text-align:center ;    margin-bottom: 40px;}

a.btn_siteGo { display: block; background:#3968d7; padding: 10px 50px;  color: #fff;}


.cardguide_box03 {padding: 15px 30px; display: flex; align-items: center; margin-bottom: 20px;}
.cardguide_box03 div:first-child { margin-right: 50px;}
.cardguide_box03 li { list-style-type: disc; list-style-position: inside;}
.card_guide { background: #e1eaf4; padding:10px 20px; }
.card_guide p {font-size: 18px; color: #000; font-weight:700;}

.table_stA { width: 100%;}
.table_stA th, .table_stA td { border: 1px solid #ddd; font-size: 15px; text-align: center; padding: 10px;} 
.table_stA th { background: #f1f5fa;}

.table_stB { width: 100%;}
.table_stB th { border: 1px solid #ddd; font-size: 15px; text-align: center; padding: 10px;} 
.table_stB td { border: 1px solid #ddd; font-size: 15px; text-align: left; padding: 10px;} 
.table_stB th { background: #efefef;}
.table_stB caption {display: none;}

/* 사업주 훈련 */
.bizedu_box01 { background: #fff;; padding: 15px 30px; display: flex; border-radius:15px; align-items: center; margin-bottom: 20px;}
.bizedu_box02 { background: #f1f1f1;; padding: 15px 30px; display: flex; border-radius:15px; align-items: center; margin-bottom: 20px;}

.bizedu_box01 p { font-size: 20px; color: #000; font-weight:700;}
.bizedu_box01 div:first-child { margin-right: 50px;}
.bizedu_box01 ul { margin-left: 20px;}
.bizedu_box01 li { list-style-type: disc; list-style-position:outside;}


.bizedu_box03 { background: #f5fbff;; padding: 15px 30px; display: flex; align-items: flex-start; margin-bottom: 20px; border-radius: 20px;}
.bizedu_box03 p { font-size: 50px; color: #006cc5; font-weight:500; line-height: 45px; margin-right:30px; }
.bizedu_txt01 { display: block; font-size: 15px;  color: #006cc5; font-weight:500;}
.bizedu_txt02 { display: block; font-size: 25px; font-weight:500;}
.bizedu_txt03 { display: block; font-size: 18px; color: #006cc5; font-weight:500; margin-top: 15px;}

.bizedu_box03 ul { margin-left: 20px;}
.bizedu_box03 li { list-style-type: disc; list-style-position:outside;}

.bizedu_box04 { padding: 15px 0px; display: flex; align-items: flex-start; margin-bottom: 20px; font-size: 18px; font-weight:500;}
.bizedu_box04 p { font-size: 18px; color: #fff; background: #006cc5; font-weight:500; width: 45px; 
    line-height: 45px; height: 45px; border-radius: 50px; margin-right:30px; text-align: center;  display: block; }

.color_red { color: #e60000;}

.bizedu_box05_wrap {display: flex;  flex-wrap: wrap;   justify-content: space-between;}
.bizedu_box05 {border:1px solid #14b5a0c9; margin: 5px; width: 32.5%;}
.bizedu_box05 p {font-size: 18px; color: #fff; background: #14b5a0c9; font-weight:500; 
    line-height: 45px; height: 45px; text-align: center;  display: block;}
.bizedu_box05 div {padding: 15px; }



/* 랜딩페이지 - 법정의무교육 */
.Landing01_biz {width: 100%;  background: url("/images/sub/edu/essential_01bg.jpg"); background-size: cover;}
.Landing02_biz {  background:#202473; padding:30px 20px; display: flex;} 
.Landing02_biz .inner img{ padding: 0 10px;}
.Landing03_biz {  background:; padding:80px 0}	
.Landing03_biz img { padding: 20px 10px;}
.event04 {  background:#f2f6fb; padding:100px 0 80px 0}
.event05 {   padding:100px 0 80px 0}


/* 랜딩페이지 - 기업직업훈련카드 */

.Landing_wrap {  width: 100%; margin: 0; padding: 0;}
.Landing_wrap .inner { width:1203px; margin:0 auto;  text-align:center }
.Landing_wrap .edutitle { font-family: "SCDream7", "Dotum", sans-serif; letter-spacing:-6px;    font-size: 65px;    color: #000;width: 750px; margin: auto;}

.Landing_wrap .edutitle2 { font-family: "SCDream5"; letter-spacing:-1px;    font-size: 23px;    color:#8f8f8f; padding-bottom:45px; width: 725px; margin: auto;;}
.Landing_wrap .edutitle span{ font-family: "SCDream5", "Dotum", sans-serif;    font-size: 65px;    color: #000;}

.Landing01_j {width: 100%;  background: url("/images/sub/edu/job_01bg.jpg"); background-size: cover;}
.Landing02_j {  padding:30px 20px; display: flex;} 
.Landing02_j .inner img{ padding: 0 10px;}
.Landing_wrap .Landing03 {  background:; padding:80px 0}	
.Landing_wrap .Landing03 img { padding: 20px 10px;}
.Landing04 {  background:#f2f6fb; padding:100px 0 80px 0}
.Landing05 {   padding:100px 0 80px 0}


a.btn_go_icon  {display: flex; background:#020437; display: block; width: 600px; height:82px; line-height:72px; color: #fff; 
    font-size:34px; margin:0 auto; text-align: center; font-family: "SCDream7"}
a:hover.btn_go_icon {background:#0e1154; color: #eaff00; }
a.btn_go_icon span{ line-height:69px;vertical-align: middle;}
a.btn_go_icon img { display: inline-block; }


.emp {background:#eb544f !important ; color:#fff}
.emp_body {background:#fceeec !important ; }



/* 회사소개 */
.ceo_wrap { display: flex;}
.ceo_img { margin-right: 20px;}
.ceo_sign { display: block; text-align: right; font-size: 21px;}


/*비전*/
.vision {width:100%; margin:0 auto; max-width:1200px; padding: 70px 0;}
.vision:after { content:""; display:block; clear:both; }
.vision ul { padding:0; margin:0;}
.vision ul li { float:left; width:200px; text-align:center; margin:0 20px; }
.vision ul li div { width:200px; height:160px; padding:20px 0; text-align:center;  background:#ff; border:2px solid #eee; box-sizing:border-box;  border-radius:200px; }
.vision ul li:nth-child(1) div{ }
.vision ul li:nth-child(2) div{ }
.vision ul li:nth-child(3) div{ }
.vision ul li:nth-child(4) div{ }
.vision ul li:nth-child(5) div{ }
.vision ul li div i { display:block; width:100%; height:100%; line-height:200px; font-size:4em;}
/*.vision ul li div img { display:block; width:250px; height:250px; line-height:250px;}*/
.vision ul li strong { position:relative; display:block; margin-top:50px; font-size:1.5em; text-align:center; }
.vision ul li strong:before { content:""; position:absolute; left:50%; top:-18px; transform:translate(-50%,0); display:block; width:30px; height:3px; background:#c53528; }
.vision ul li > span { display:block; text-align:center; font-size:1em; line-height:20px; margin-top:20px; }
.vision_t1 { font-size:30px; text-align:center; padding:50px 0 30px 0; }
.vision_t2 { font-size:17px; text-align:center;  padding:20px 0; }


.stitle { font-size:27px;    line-height:1.5em;    text-align: center;    color: #333;    margin: 10px 0 50px 0;}


/* 과정안내 과목 리스트 */

.search_box {padding:10px; border:1px solid #ddd; border-radius:5px ;}
.landsam { margin-top:40px; }
	.landsam .btn-custom1 { background-color:#444a50; font-size:13px; color:#fff; border:none;  margin:0; height:32px; min-width:77px; padding:0 10px; outline:none;  }
	.landsam .btn-custom2 { background-color:#ff6868; font-size:16px; color:#fff; min-width:100px; padding:0 15px; height:40px; line-height:40px; border:none; border-radius: 3px; outline:none; letter-spacing: -0.05em; vertical-align: middle}
	.landsam .btn-custom3 { background-color:#000000; font-size:15px; color:#fff; min-width:100px; padding:0 15px; height:40px; line-height:40px; border:none; border-radius: 3px; outline:none; letter-spacing: -0.05em; vertical-align: middle; }
	.landsam a.btn-custom1,
	.landsam a.btn-custom2,
	.landsam a.btn-custom3 { display:inline-block; }
	.landsam .input-custom1 { height:30px; line-height:30px; border:1px solid #ddd; padding-left:10px;  }
	.landsam .input-custom2 { height:35px; min-width:370px; line-height:30px; border:1px solid #ddd; padding-left:10px; font-size:14px;  }
	.landsam .select-custom1 { min-width:120px; height:32px; line-height:30px; border:1px solid #ddd; }
	.landsam a.btn-search1  { display: inline-block;  vertical-align:middle; background:#444a50; color: #fff !important;; border-radius: 0 !important; height: 34px; line-height: 34px; color: #fff; width: 55px; text-align: center; font-size: 15px; }


	.landsam table.list_tb { width:100%; border-top:1px solid #333; border-bottom:1px solid #333; table-layout: fixed; font-family: 'Noto Sans Korean'; }
	.landsam table.list_tb > tbody > tr > th { color:#444444; font-weight:700; height:50px; line-height:50px;  border-bottom:1px solid #ddd; background-color:#f5f5f5; font-family: 'Noto Sans Korean'; font-size:14px;}
	.landsam table.list_tb > tbody > tr > td { font-size:15px; text-align:center; min-height:50px; line-height:35px; color:#666;  border-bottom:1px solid #ddd ; padding: 8px;  }
	.landsam table.list_tb > tbody > tr > td > span { line-height:23px; display:block; letter-spacing: -0.05em; }
	.landsam table.list_tb > tbody > tr:last-child > td { border-bottom:none; }
	.landsam table.list_tb > tbody > tr > td.t_left { text-align:left; padding-left:20px; }
	.landsam table.list_tb > tbody > tr > td.subject { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; text-align:left; padding-left:20px; }
	.landsam table.list_tb > tbody > tr > td.subject p:first-child { margin-top:0; }
	.landsam table.list_tb > tbody > tr > td.subject p { display:block; text-align:left;color:#000; font-size:15px; letter-spacing: -0.06em; line-height:20px; padding:0; margin-top:10px;  font-weight: bold;}
	.landsam table.list_tb > tbody > tr > td.subject > a { color:#666; }
	
	.landsam table.list_tb span.stress1 { color:#2b9da0; }
	.landsam table.list_tb span.stress2 { color:#ec0000; }
	.landsam table.list_tb span.stress3 { font-size:14px; color:#999; }
	
	.tab { overflow:hidden; display:flex; align-items: flex-start; padding: 5px;}
	.tab_subject {   font-size:16px; color:#000000; font-weight:500;  padding:5px 15px 5px 10px; background:#eee; margin-right: 20px;  border-radius:5px;     width: 100px;    text-align: center;}
	.tab_content {  max-width:calc(100% - 120px); }
	.tab_content > .tab_row { }
	.tab_content > .tab_row > .item { display:inline-block; } 
	.tab_content > .tab_row > .item:after{content: "｜";    padding:0 5px; color: #ddd; }
	.tab_content > .tab_row > .item:last-child::after {    content: "";}
	

	.tab_content > .tab_row > .item > a { display:inline-block; min-width:40px; height:30px; line-height:30px;padding:0 10px; border-radius:50px; text-align:center; font-size:16px; color:#000;  }
	.tab_content > .tab_row > .item > a.on { background-color: #896ac5; color:#fff; }
	.tab_content > .tab_row.f > .item { margin-top:0; }
	.tab_content > .tab_row > .item > span { color:#ddd; font-size:16px; padding-left:6px; padding-right:6px; }
	.tab_content > .tab_row > .item > span.pl15 { padding-left:15px; }
	
	.item input {  vertical-align:middle; } 


	.board2 > a { display:inline-block; vertical-align:middle; width:30px; height:30px; line-height:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  border-left:1px solid #ddd; }
	.board2 > a:last-child { border-right:1px solid #ddd; }
	.board2 > a.ml5 { margin-left:-2px; }
	
	.board2 > a.prev2 { background:url('../images/prev2.png') no-repeat; background-position:center left 45%; background-color:#fff;  }
	.board2 > a.prev { background:url('../images/prev.png') no-repeat; background-position:center left 45%; background-color:#fff; border-right:1px solid #ddd;  }
	.board2 > a.number { color:#333; border:none; }
	.board2 > a.number.on { color:#e62626; }
	.board2 > a.next { background:url('../images/next.png') no-repeat; background-position:center right 45%; background-color:#fff;  }
	.board2 > a.next2 { background:url('../images/next2.png') no-repeat; background-position:center right 45%; background-color:#fff;  border-right:1px solid #ddd; }
	
	.board2 > a.prev2:hover, 
	.board2 > a.prev:hover,
	.board2 > a.next:hover,
	.board2 > a.next2:hover,
	.board2 > a:hover { background-color:#efefef; }
	
	.prev { background:url('') no-repeat; background-color:#fff; }
	
	.pop-layer {display: none; position: absolute; top: 50%; left: 50%; width :386px; height: auto; background-color: #fff; z-index: 10;}
	.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;}
    .dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
    .dim-layer .pop-layer { display: block;}
    
    .free_inp {float:left; border:1px 1px 1px 1px;}
	.btn-layerClose{float:right; margin:15px 10px 0 0; border:1px solid #666; border-radius: 3px; padding: 5px 5px;}

    table.write_tb { width:100%; max-width:1200px; border-top:1px solid #333;  table-layout: fixed;  }
	table.write_tb.bm { border-bottom:1px solid #333; }
	table.write_tb > tbody {border-bottom:1px solid #ddd; }
	table.write_tb > tbody > tr > th { text-align:left; color:#333; font-family: 'Noto Sans Korean'; font-weight:bold; height:50px; line-height:50px;  border-bottom:1px solid #ddd; background-color:#f5f5f5;  }
	table.write_tb > tbody > tr > td { font-size:16px; padding-left:30px; height:50px; line-height:50px; color:#666; border-bottom:1px solid #ddd;}
	table.write_tb > tbody > tr > th.t_left,table.write_tb > tbody > tr > td.t_left { text-align:left; }
	table.write_tb > tbody > tr:last-child > td,table.write_tb > tbody > tr:last-child > th { border-bottom:none; }
	table.write_tb > tbody > tr > td.p_id { color:#111; }
	table.write_tb > tbody > tr > th.t_center,table.write_tb > tbody > tr > td.t_center { text-align:center; }
	table.write_tb > tbody > tr > td.subject { overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  }
	table.write_tb > tbody > tr > td.subject > a { color:#666; }


	/*연혁*/
.history_tab{padding:20px 0;position:relative;margin:auto;width:100%}
.history_tab_li{list-style-type:none;width:16%;margin-bottom:10px;margin-right:10px;height:41px;float:left}
.history_tab_li:last-child{width:16%;margin-right:0}
.history_tab2_li{list-style-type:none;width:23%;margin-bottom:10px;margin-right:10px;height:41px;float:left;font-size:13px;letter-spacing:-1px}
.history_tab2_li:last-child{width:24.7%;list-style-type:none;margin-bottom:10px;margin-right:10px;	height:50px;float:left;}

.history_tab_li a{outline:0;list-style-type:none;border:1px solid #d1cfd0;background-color:#f2f2f2;display:block;color:#555;line-height:41px;font-size:16px;text-align:center}
.history_tab2_li a{outline:0;list-style-type:none;border:1px solid #d1cfd0;background-color:#f2f2f2;display:block;color:#555;line-height:41px;font-size:16px;text-align:center}

.history_tab_li a.history_selected{background-color:#000;background-size:cover;background-repeat:no-repeat;text-decoration:none;color:#fff;font-size:16px;font-weight:700;cursor:default}

.history_tab2_li a.history_selected{background:0 0/cover no-repeat #000;text-decoration:none;color:#fff;font-size:16px;font-weight:700;cursor:default}

.history_tab2_li_last a,.history_tab_li_last a{outline:0;list-style-type:none;border:1px solid #d1cfd0;background-color:#f2f2f2;display:block;font-size:16px;font-weight:700;color:#555;line-height:41px;text-align:center}

.history_photo { position:relative; padding:10px 0 20px 0; clear:both; overflow:hidden}

.history_panel{	clear:both;	padding:0;	width:100%;}
.history_panel_li{	list-style-type:none;	padding-top:30px;	margin-top:30px;	}

.history_list{background:url("../company/image/list_bullit.gif") left no-repeat;line-height:26px;font-size:14px;width:100%;padding-left:16px;display:block}

.history_head{	float:left;	width:208px;}

.history_body{	float:right;	width:75%;	margin-bottom:20px;}


.history_year{	float: left; width:18%; font-size:20px; color: #0896d8; text-align:center;}

@media only screen and (max-width: 1024px) {

.txt_point01 { font-size:20px !important ; font-weight:600; display:block;margin-bottom:20px; letter-spacing:-1px}		
.bizimg img { width:40% !important; float:left}	

/* 탭스타일 */
	
.history_tab{padding:20px 0;	position:relative;	margin:auto;		width:98%;}	
	
.history_tab2_li{	list-style-type:none;	width:47% !important;	margin-bottom:10px;	height:41px;}

.history_tab_li{	list-style-type:none;	width:47% !important;	margin-bottom:10px;	height:41px;}

.history_tab_li a {font-size:13px;}

.history_head{	width:100%;}

.history_body{	float:left;	width:100%}
.history_head img { display:none}
.history_photo { display:none}

}



/* 강사소개 */

.teacher_pf { display: flex;}
.teacher_photo { margin-right: 20px;}
.teacher_list { line-height: 10px !important; font-size: 14px !important; }
.teacher_list h5{ font-weight: bold; font-size: 18px;}
.teacher_photo img {border-radius: 10px; border:2px solid #ddd;}


/* 랜딩페이지 자주묻는질문 */
.landing_faq .wrap {
    position: relative;
    width: 1030px;
    margin: 0 auto
}

.landing_faq h3 {
    text-align: center;
    letter-spacing: -2px
}

.landing_faq h3+.sub-tit {
    text-align: center
}

.landing_faq .chk {
    
    line-height: 1.5;
    text-align: left
}

.landing_faq .chk>li {
    position: relative;
    border-radius: 8px;
    background: #efefef;
    transition: all 0.2s
}

.landing_faq .chk>li:after {
    content: "";
    position: absolute;
    background: url(/images/sub/drop-arrow.png) center/24px no-repeat;
    width: 24px;
    height: 24px;
    top: 18px;
    right: 28px;
    z-index: 0
}

.landing_faq .chk>li.on:after {
    transform: rotate(180deg)
}

.landing_faq .chk>li.on .confirm {
    font-weight: bold
}

.landing_faq .chk>li.on:hover {
    background: #dde1e9
}

.landing_faq .chk>li:hover {
    background: #dde1e9
}

.landing_faq .chk>li:hover .confirm {
    font-weight: bold
}

.landing_faq .chk>li+li {
    margin-top: 12px
}

.landing_faq .chk>li .confirm {
    position: relative;
    display: block;
    font-size: 18px;
    cursor: pointer;
    padding: 20px 28px;
    padding-right: 300px;
    word-break: keep-all;
    z-index: 1;
    color: #3d3d3d;
   
}

.landing_faq .chk>li .guide {
    display: none;
    border-top: 1px solid #c7c7c7;
    position: relative;
    padding: 20px 0 28px;
    font-size: 17px;
    word-break: keep-all;
    color: #636363;
    margin: 0 28px;
    word-break: keep-all;
    font-weight: 500;
}


.floating-inquiry {
    display: flex;
    position: fixed;
    left:50%;
    bottom: 0px;
    z-index: 100;
    width: 100%;
    height: 100px;
    padding: 0 20px;
    color: #fff;
    background-color: #6e76e9;
    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.15), 0 4px 6px 0 rgba(0, 0, 0, 0.1);
    /* transform: translateX(-50%) translateY(150%); */
    /* transition: 0.6s; */
}
.floating-inquiry .inner { width: 1203px; display: flex;    justify-content: space-between;    align-items: center; } 

.floating-inquiry .inner .tit-inquiry {
    font-size: 19px;    line-height: 22px;    flex: 3.6;    letter-spacing: -0.6px;    text-align: left;}

.floating-inquiry .inner .link-inquiry {
    padding: 0 20px;  height: 50px;  border-radius: 50px;  font-family: "Pretendard"; font-size: 20px; line-height: 50px;    letter-spacing: -0.2px;
    color: #fff;    font-weight: 700;    background-color: #020437;    flex: 1; text-align: center;  margin: 0 5px; }

.floating-inquiry .inner .link-inquiry2 {
        padding: 0 20px;     height: 50px;    border-radius: 50px;    font-family: "Pretendard";    font-size: 20px;    line-height: 50px;    letter-spacing: -0.2px;
        color: #020437;    font-weight: 700;    background-color: #fff;    flex: 1;    text-align: center;    margin: 0 5px;}

.floating-inquiry .inner .link-inquiry:hover {text-decoration: none;    background-color: #000000;}