@charset "utf-8";

@font-face{
    font-family:'FuturaPT-Book';
    font-style:normal;
    font-weight:normal;
    src:url(/resources/common/css/fonts/FuturaPT-Book.eot);
    src:url(/resources/common/css/fonts/FuturaPT-Book.eot?#iefix) format('embedded-opentype'),
    url(/resources/common/css/fonts/FuturaPT-Book.woff) format('woff'),
    url(/resources/common/css/fonts/FuturaPT-Book.woff2) format('woff'),
    url(/resources/common/css/fonts/FuturaPT-Book.ttf) format('truetype')
}

/* font-family: 'Noto Sans KR', sans-serif; */
/* font-family: 'Roboto', sans-serif; */
/*reset*/
*{-webkit-text-size-adjust:none;letter-spacing:-0.03em;word-break:keep-all;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; font:inherit; vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
address,em {font-style:normal}
input,button,select {font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Helvetica,sans-serif; vertical-align:middle; margin:0; padding:0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block;}
hr{width:100%; height:1px; margin:50px 0; border:0; clear:both; background-color:#e7e7e7;}
html {font-size:100%;}
html {font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Helvetica,sans-serif; font-size:13px}
body {line-height:1.5; color:#666;}
ol,
ul,
li {list-style:none;}
table {border-collapse:collapse; border-spacing:0; font-size:11px;}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {-webkit-appearance:button; cursor:pointer;}
button{margin:0; padding:0; border:0; background-color:transparent;}
button:-moz-focus-inner,
input:-moz-focus-inner {border:0; padding:0;}
input[type='number']:-webkit-inner-spin-button,
input[type='number']:-webkit-outer-spin-button {height:auto;}
input.search,
input[type='search'] {-webkit-appearance:none; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; -webkit-border-radius:2px; border-radius:2px; }
input.search:-webkit-search-cancel-button,
input.search:-webkit-search-decoration,
input[type='search']:-webkit-search-cancel-button,
input[type='search']:-webkit-search-decoration {-webkit-appearance:none;}
input[type='file']::-webkit-file-upload-button {cursor:pointer;}
a{text-decoration:none; color:#666;}
a:focus {outline:thin dotted; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px;}
*:focus{outline-color: #013879;}

.hide,legend,caption{position:absolute; left:-9999px; width:0; height:0; overflow:hidden; text-indent:-9999px;}
caption {display:none;}

.a11y-hidden {overflow: hidden; clip:rect(0 0 0 0); clip:rect(0,0,0,0); position: absolute;width: 1px;height: 1px;margin: -1px;border: 0;padding: 0; }
.a11y-hidden.focusable:focus, .a11y-hidden.focusable:active {outline: visible; clip:auto; position: static; width: auto;height: auto;margin: 0;}
label {cursor:pointer;}
.radio,.checkbox{
display:inline-block;
position:relative;
width: 15px;
height: 15px;
margin-right:5px;
border: 1px solid #929496;
background-color:#fff;
vertical-align:middle;
box-sizing:border-box;
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.34);
}
.radio{border-radius:50%;}
input[type='radio'],input[type='checkbox']{
position:absolute;
left:-6px; right:0; top:-3px; bottom:0;
z-index:10;
opacity:0;
width:15px; height:15px;
letter-spacing: 0;
border:none;
background:none;
-webkit-appearance: none;
-ms-appearance: none;
vertical-align:middle;
}
input[type='radio']{
    border-radius: 100%;
}
input[type='radio'] + i,
input[type='checkbox'] + i
{
  display:none;
}
input[type='radio']:checked + i,
input[type='checkbox']:checked + i
{
    position:absolute;
    left:0; top:0;
    display:block;
}
input[type='radio']:checked + i,input[type='checkbox']:checked + i{
    width:7px;
    height:7px;
    box-sizing:border-box;
    background-color:#192d5a;
    left:3px; top:3px;
}
input[type='radio']:checked + i{border-radius:100%;}

select {-webkit-appearance:none;vertical-align:middle;height:35px;padding-left:10px;width:100%; color: #4f5f6f; font-size: 14px;border:1px solid #d7d7d7 !important;background:#fff url("../images/sprite_icon.png") 0 0 no-repeat; background-size: 40px auto;background-position:100% -471px;/* no-repeat right 50%; background-size:22px auto;*/font-family:"Malgun Gothic","맑은 고딕",sans-serif; border-radius:2px;padding-right:30px;}
select {  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background:#fff url('../images/sprite_icon.png') no-repeat right -12px; /* 화살표 모양의 이미지 */
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

.radio + label,.checkbox + label{font-size:15px;color:#969696;line-height:1.5;vertical-align:middle;}

input[type='text'],
input.search,
input[type='search'],
input[type='password'],
input[type='tel'],
input[type='email']{font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Helvetica,sans-serif; width:100%; height:32px; text-indent:4px; font-size:14px; color:#4f5f6f; line-height:20px;
 border:1px solid #d7d7d7;padding:0 10px;
 width:100%;height:40px;font-size:16px;color:#969696;line-height: normal;border-radius:0;
 background:#fff;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 input:focus{border-color: #4b698c}
input.search:disabled,
input[type='search']:disabled,
input[type='password']:disabled,
input[type='tel']:disabled,
input[type='email']:disabled,
input[type='text']:disabled,
select:disabled {background-color:#f6f6f6;}

i.placeholder,
i.placeholder {color:#bbb !important; text-align:left;}
i.placeholder.ph-focus,
i.placeholder.ph-focus {display:none !important;}
input[type='text']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder{color:#b2b2b2;}

html.ie9 .select:after {content:none;}

[class^="btn-l"]{display: inline-block;width:100%;height:54px;font-size:19px;color:#fff;font-weight: bold;font-family:'Noto Sans KR';line-height: 54px;background:#012b5d;text-align: center;}
.btn-l-cancel{background:#919195;}
.btn-logout{display:inline-block;color:#fff;font-size:14px;font-weight:500;padding:0 15px;text-align:center;background-color:#007ab3;height:30px;line-height: 30px;min-width: 80px;box-sizing: border-box;letter-spacing:-0.1px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
[class^="btn-round"]{display:inline-block;min-width:128px;color:#7d7d7d;font-size:16px;font-weight: bold;padding:0 15px;text-align:center;border:2px solid #b4b4b4;height:38px;line-height: 34px;border-radius: 19px;box-sizing: border-box;}
.btn-round-white,.btn-table-white{background-color:#fff;}

[class^="btn-m"]{width:108px;height:37px;line-height:1.3;background-color:#abadb2;border:1px solid #abadb2;color:#ffffff;font-size:15px;margin:0 3px;}
[class^="btn-m"] span{display:inline-block;position:relative;left:10px;}
[class^="btn-m"] span:after{display:inline-block;content:"";display:inline-block;width:24px;height:22px;background:url("../images/sprite_icon.png") no-repeat; background-size: 40px auto;background-position:-10px -92px;position:absolute;top:-2px;left:-24px;}
.btn-m-close,.btn-m-register,.btn-l-close{background-color:#4f5f6f;border-color:#4f5f6f;}
.btn-m-edit,.btn-m-reset,.btn-l-edit{background-color:#fff;border-color:#dbe1e8;color:#4f5f6f;}
.btn-m-del,.btn-l-del{background-color:#fff;border-color:#dbe1e8;color:#4f5f6f;}
.btn-m-check{background-color: #012b5d;border-color: #012b5d;}

.move-top:focus{outline:none}

[class^="table-type"]{width: 100%;font-family:'Noto Sans KR';}
[class^="table-type"] table{width: 100%;}
[class^="table-type"] th, [class^="table-type"] td{font-size: 16px;color: #a6a6a6;border-bottom: 1px solid #fafafa;}
[class^="table-type"] th{width: 200px;font-size: 16px;color:#1e1e03;font-weight: bold;padding: 10px 0;vertical-align:middle;text-align: left;padding-left: 50px;box-sizing: border-box;}
[class^="table-type"] td{text-align: center;vertical-align: middle;padding: 8px 115px 8px 0;text-align: left;}
[class^="table-type"] td:first-of-type{padding-right: 0;}
[class^="table-type"] td + th{}

[class^="table-type"]{margin-top: 10px; width: 100%;}
[class^="table-type"] table{width: 100%;}
[class^="table-type"] thead{background: #fafafa;border-top:2px solid #1e1e1e;}
[class^="table-type"] tbody{background: #fff;}
[class^="table-type"] th, [class^="table-type"] td{font-size: 16px;border-bottom: 1px solid #e1e1e1;color: #000;}
[class^="table-type"] th{border-bottom: 1px solid #b4b4b4;}
[class^="table-type"] tfoot{background-color: #ebebeb;}
[class^="table-type"] tfoot th{font-weight: 400;}
[class^="table-type"] th{font-weight:bold;line-height: 36px;color:#000;padding: 10px 0;vertical-align:middle;letter-spacing: 0;text-align: center;}
[class^="table-type"] td{text-align: center;vertical-align: middle;padding: 9px;letter-spacing: 0;line-height: 19px;}
.table-type th em, .table-type td em{color:#a6acb2;font-weight:300;}

[class^="table-type"] th:last-of-type,[class^="table-type"] td:last-of-type{border-right:0;}
.table-form{display: block;padding-top: 5px;}
[class^="table-type"].td-text-right td{text-align: right;padding-right: 20px;}
[class^="table-type"] td .table-form:first-child{padding-top: 0;}
[class^="table-type"] td > [class^="btn-raund"]{margin-top: 4px;}
[class^="table-type"] img{vertical-align:top;}
[class^="table-type"] select {-webkit-appearance:none;vertical-align:middle;height:40px;width:100%; color: #7f7f7f; font-size: 14px;border:1px solid #d5d5d5;background:#fff url("../images/sprite_icon.png") no-repeat right -11px;
font-family:'Noto Sans KR','Malgun Gothic','맑은 고딕',Helvetica,sans-serif;border-radius:0;padding-left:10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
:root [class^="table-type"] select{background: none\0;}

#quick-menu {float:right;position:absolute;top:830px;left: 50%;margin:0px;margin-left: 510px;}
#quick-menu li{width: 175px;height: 70px;overflow: hidden;position: relative;}
#quick-menu li a,.move-top{display: block;width: 58px;height: 58px;border-radius: 50%;z-index: 10;margin-left: 107px;background:#fff url("../images/sprite_icon2.png") no-repeat center -300px;position: relative;top: 3px;padding-right: 3px;text-indent:-9999px;margin-bottom: 10px;
-webkit-box-shadow: 0px 2px 9px 0px rgba(61,69,93,0.45);
-moz-box-shadow: 0px 2px 9px 0px rgba(61,69,93,0.45);
box-shadow: 0px 2px 9px 0px rgba(61,69,93,0.45);}
#quick-menu li:nth-child(2) a{background-position: center -356px;}
#quick-menu li:nth-child(3) a{background-position: center -410px;}
#quick-menu li span{display: block;width: 140px;height: 50px;position: absolute;left: 0;top: 7px;z-index: 9;overflow: hidden;}
#quick-menu li span::after{display: block;content: '연수강좌 신청';width: 135px;height: 44px;background: #487ffe;font-size: 14px;color: #fff;border-radius: 22px;position: absolute;left: 108px;top: 3px;transition: all .2s ease-out;line-height: 44px;padding-right: 20px;text-align: center;box-sizing: border-box;}
#quick-menu li:nth-child(2) span::after{content: '수료증 재발급';}
#quick-menu li:nth-child(3) span::after{content: '컨설팅 신청';}
#quick-menu li:hover span::after{left: 5px;}
.move-top{background-position: center -458px;}

/*main*/
.container.main{font-family: 'NanumSquare';}

.main-visual{width: 100%;height: 630px;background: url("../images/bg_main_visual.jpg") center 0 no-repeat;/*transform: matrix(1, 0, 0, 1, 0, -100);*/text-align: center;background-size: cover;}
.main-visual > div{width: 1200px;margin: 0 auto;}
.main-visual ul{display: inline;}
.main-visual ul::after{display: block;content: '';clear: both;}
.main-visual li{float: left;padding: 170px 50px;}
.main-visual li div{width: 288px;height: 300px;border: 1px solid transparent;box-sizing: border-box;}
.main-visual li div:hover{background: rgba(32,34,38,0.75);border: 1px solid rgba(221,223,226,0.6);transition: all .1.5s ease-out;}
.main-visual li div h3{display: block;width: 110px;height: 25px;background:url("../images/sprite_icon2.png") no-repeat center -639px;position: relative; top: 3px; padding-right: 3px;text-indent:-9999px;margin: 40px auto 12px;}
.main-visual li:nth-child(2) div h3{background-position: center -729px}
.main-visual li:nth-child(3) div h3{background-position: center -684px}
.main-visual li div strong{display: block;font-size: 68px;color: #fff;line-height: 78px;font-family: "FuturaPT-Book";text-shadow: 1px 1px 15px rgba(37, 40, 49, 0.45);}
.main-visual li div span{display: block;font-size: 18px;color: #fff;line-height: 1.5;padding-top: 2px;padding-bottom: 23px;}
.main-visual li div a,.main-banner a{display: inline-block;width: 170px;height: 45px;font-size: 16px;color: #fff;border: 1px solid #fff;border-radius: 23px;line-height: 1.5;padding-top: 8px;box-sizing: border-box;font-family: 'Noto Sans KR';}
.main-visual li div a::after,.main-banner a::after{display: inline-block;content: '';width: 15px;height: 19px;background:url('../images/sprite_icon.png') no-repeat center -703px;position: relative;right: -5px;top: 3px;}
.main-visual li div:hover a{color: #2e323b;background: #fff;}
.main-visual li div:hover a::after{background-position: center -734px;}

.main-kema-journal{width: 100%;background: #f6f7fa;}
.main-kema-journal > div{width: 1200px;padding: 120px 0 155px;margin: 0 auto;}
.main-kema-journal h2{font-size: 31px;color: #2e323b;font-weight: 700;text-align: center;margin-bottom: 40px;}
.main-kema-journal ul{border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0;}
.main-kema-journal ul:after{display:block;clear:both;content:''}
.main-kema-journal ul li{float:left;width:25%;height: 297px;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;background: #fff;box-sizing: border-box;}
.main-kema-journal ul li em{display: block;width: 100px;height: 21px;background:url("../images/sprite_icon2.png") no-repeat center -521px;text-indent:-9999px;margin-bottom: 18px;}
.main-kema-journal ul li.lab em{width: 90px;background-position: center -521px}
.main-kema-journal ul li.jou em{width: 71px;background-position: center -603px}
.main-kema-journal ul li.res em{width: 70px;background-position: center -562px}
.main-kema-journal ul li p{height: 86px;font-size: 20px;line-height: 30px;
  display: -ms-flexbox; display: -webkit-box; display: -moz-box;
  overflow:hidden;
  text-overflow: ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;}
.main-kema-journal ul li .box01 div{font-size: 16px;color: #a0a1a4;margin-top: 63px;}
.main-kema-journal ul li .box01 div::after{display: block;content: '';clear: both;}
.main-kema-journal ul li .box01 div span{display: inline-block;width: 50%;float: left;}
.main-kema-journal ul li .box01 div span:last-child{text-align: right;}

.box01{width: 100%;height: 297px;padding: 53px 30px;position: relative;box-sizing: border-box;}
  .box01:hover:before {
  	-webkit-transition-delay: 0s;
  	-o-transition-delay: 0s;
  	transition-delay: 0s;}
  	.box01:hover:after, .box01:hover:before {
  	width: 100%;
  	}

  	.box01:hover a:after, .box01:hover a:before,
  	 .box01:hover:after, .box01:hover:before {
  	opacity: 1;
  	}

  	.box01 a:after, .box01 a:before, .box01:hover a:after, .box01:hover a:before {
  	height: 100%;
  }

  .box01:hover:after,.box01:hover:before{width: 100%;}
  .box01 a:after, .box01 a:before, .box01:after, .box01:before {
  		content: '';
  		position: absolute;
  		z-index: 1;
  		display: inline-block;
  		-webkit-box-sizing: box-sizing;
  		box-sizing: box-sizing;
  		width: 3px;
  		height: 3px;
  		background: #6191ff;
  		-webkit-transition-duration: .25s;
  		-o-transition-duration: .25s;
  		transition-duration: .25s;
  		-webkit-transition-delay: 0s;
  		-o-transition-delay: 0s;
  		transition-delay: 0s;
  }
  .box01:after, .box01:before {
  		width: 0;
  		height: 3px;
  }
  .box01 a:after, .box01 a:before {
  		width: 3px;
  		height: 0;
  }
  .box01:before {
  		top: -1px;
  		left: -1px;
  		opacity: 0;
  		background: #6191ff;
  		-webkit-transition-delay: 0s;
  		-o-transition-delay: 0s;
  		transition-delay: 0s;
  }

  .box01:after {
  		bottom: 0;
  		right: 0;
  		background: #6191ff;
  		-webkit-transition-delay: 0s;
  		-o-transition-delay: 0s;
  		transition-delay: 0s;
  }

  .box01 a:before {
  		right: 0;
  		top: -1px;
  		background: #6191ff;
  		-webkit-transition-delay: 0s;
  		-o-transition-delay: 0s;
  		transition-delay: 0s;
  }

  .box01 a:after {
  		left: -1px;
  		bottom: 0;
  		background: #6191ff;
  		-webkit-transition-delay: 0s;
  		-o-transition-delay: 0s;
  		transition-delay: 0s;
  }

.main-banner{width: 100%;width: 100%;height: 276px;position: relative;}
.main-banner::after{display: block;content: '';position: absolute;  top: 0; left: 0; z-index: 0;width: 100%;height: 276px;
background: url('../images/bg_main_banner.jpg') 50% 50% no-repeat;background-size: cover;}
.main-banner div{width: 1200px;z-index: 1;position: relative;margin: 0 auto;text-align: center;}
.main-banner h2{display: inline-block;width: 215px;height: 28px;background:url("../images/img_main_logo.png") no-repeat center center;text-indent:-9999px;margin-bottom: 18px;margin-top: 37px;}
.main-banner span{display: block;height: 50px;font-size: 32px;color: #fff;font-weight: bold;line-height: 50px;}
.main-banner span strong{font-size: 47px;font-weight: normal;vertical-align: bottom;padding-right: 5px;}
.main-banner p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 6px;margin-bottom: 29px;}
.main-banner a{background: rgba(246,247,250,0.9);border-color:rgba(246,247,250,0.9);color: #2e323b;}
.main-banner a::after{background-position: center -734px;}

.main-kema-news{width: 1200px;padding:100px;box-sizing: border-box;margin: 0 auto;}
.main-kema-news::after{display: block;content: '';clear: both;}
.main-kema-news > div{}
.main-kema-news div{float: left;width: 480px;height: 300px;padding: 20px 10px;text-align: center;}
.main-kema-news div::after{display: block;content: '';clear: both;}
.main-kema-news div img{width: 100%;font-size: 0;}
.main-kema-news h2{display: inline-block;font-size: 30px;color: #2e323b;font-weight: 600;position: relative;padding-bottom: 40px;padding-top: 45px;}
.main-kema-news h2:after{display: block;content: '';width: 1px;height: 22px;background: #50525a;position: absolute;left: 50%;bottom:15px;}
.main-kema-news p{font-size: 22px;color: #4a4f5b;line-height: 30px;margin-bottom: 22px;}
.main-kema-news a{display: inline-block;width: 138px;height: 38px;border:1px solid #acadb2;font-size: 16px;color: #2e323b;line-height: 1.5;padding-top: 6px;box-sizing: border-box;border-radius: 19px;}
.main-kema-news a::after{display: inline-block;content: '';width: 15px;height: 15px;background: url('../images/sprite_icon.png') no-repeat center -736px;position: relative;right: -5px;top: 3px;}

.main-notice{width: 100%;background: #c2c9db;padding-top: 70px;padding-bottom: 135px;}
.main-notice > div{width: 1200px;margin: 0 auto;}
.main-notice > div > div{width: 980px;height: 225px;background: #192d5a;position: relative;margin: 0 auto;overflow:hidden;}
.main-notice h2{font-size: 30px;color: #f0f3f7;font-weight: 500;text-indent: 30px;padding-top: 125px;padding-bottom:4px;}
.main-notice p{font-size: 18px;color: #f0f3f7;font-weight: 200;text-indent: 30px;}
.main-notice ul{position: absolute;right: 0;top: 0;}
.main-notice li{width: 680px;height: 75px;background: #fff;border-bottom: 1px solid #ced4e2;padding-left: 50px;box-sizing: border-box;}
.main-notice li:last-child{border-bottom: 0;}
.main-notice li::after{display: inline-block;content: '';width: 20px;height: 28px;background: url('../images/sprite_icon.png') no-repeat center -762px;position: relative;right: -24px;top: 25px;}
.main-notice li span{display: inline-block;width: 110px;height: 28px;font-size: 16px;color: #acadb2;line-height: 28px;float: left;margin-top: 25px;}
.main-notice li a{display: inline-block;width: 450px;height: 28px;font-size: 18px;color: #2e323b;line-height: 28px;float: left;margin-top: 25px;
  display: -ms-flexbox; display: -webkit-box; display: -moz-box;
  overflow:hidden;
  text-overflow: ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;}

.bu-notice{display: inline-block;width: 50px;height: 22px;background: #012b5d;border-radius: 11px;font-weight: bold;font-size: 13px;color: #fff;line-height: 22px;text-align: center;}

.tab-content.class{width: 914px;margin: 0 auto;}

.class h4{font-size: 20px;color: #2e323b;font-weight: bold;padding-bottom: 15px;}
.my-class{padding-bottom: 90px;}
.my-class ul{overflow: hidden;width: 100%;}
.my-class li{float: left;padding-right: 20px;padding-bottom: 20px;}
.my-class li:nth-child(2n){padding-right: 0;}
.my-class li a{display: block;width: 447px;height: 226px;border: 1px solid #b4b4b4;box-sizing: border-box;text-align: center;padding: 40px 10px 30px;}
.my-class li a strong{display: block;font-size: 23px;color: #192d5a;line-height: 1.5;padding-bottom: 13px;}
.my-class li a span{display: block;font-size: 16px;color: #353638;line-height: 26px;}
.my-class li a em{display: inline-block;width: 90px;height: 32px;background: #6091ff;font-size: 15px;color: #fff;line-height: 32px;font-weight: bold;margin-top: 22px;}
.my-class li.class-end a{background: #f7f8fa;}
.my-class li.class-end a em{background: #abadb2;}

.list-none{width: 100%;font-size: 15px;color: #646464;line-height: 1.5;padding: 27px;border-top: 1px solid #1e1e1e;border-bottom: 1px solid #e1e1e1;box-sizing: border-box;text-align: center;margin-bottom: 15px;}

.container > section.class-app{margin-top: 50px;padding: 0 70px;}
.class-app-list::after{display: block;content: '';clear: both;}
.class-app-list li{float: left;width: 340px;height: 324px;margin-right: 20px;border: 1px solid #b4b4b4;border-top: 3px solid #192d5a;box-sizing: border-box;position: relative;margin-bottom: 50px;}
.class-app-list li:nth-child(3n){margin-right: 0;}
.class-app-list li a{display: block;padding: 40px 40px 30px;text-align: center;}

.class-app-list em{display: inline-block;width: 122px;height: 27px;font-size: 15px;color: #192d5a;line-height: 27px;border: 1px solid #192d5a;border-radius: 14px;text-align: center;}
.class-app-list strong{display: block;width: 100%;font-size: 24px;color: #192d5a;line-height: 36px;margin-top: 16px;margin-bottom: 32px;}
.class-app-list span{display: block;font-size: 16px;color: #353638;text-align: left;}
.class-app-list span.state{display: inline-block;width: 90px;height: 32px;font-size: 15px;color: #fff;line-height: 32px;background: #6091ff;text-align: center;margin-top: 20px;}
.class-app-list li.app-end{background: #f7f8fa;}
.class-app-list li.app-end span.state{background: #abadb2;}
.class-app-list + .page-area{margin-top: 20px;margin-bottom: 100px;}

.class-app-con{font-size: 17px;color: #1e1e1e;font-weight: bold;line-height: 1.6;padding: 50px 60px;border-bottom: 1px solid #b4b4b4;}
.class-app-con strong{color: #646464;position: relative;vertical-align: top;padding-right: 18px;}
.class-app-con strong::after{display: block;content: '-';color:#646464;position: absolute;left: -10px;top: -7px;}
.class-app-con > ul > li{padding-left: 12px;line-height: 2;}
.class-app-con ul li ul{display: inline-block;position: relative;left: -5px;}
.class-app-con + .view-con{line-height: 2.4;}

.class-resist{}
.class-resist h4{font-size: 21px;color: #1e1e1e;line-height: 1.5;padding-bottom: 0;}
.class-resist p{font-size: 16px;color: #646464;}
.class-resist label{font-size: 17px;font-weight: bold;color: #646464;line-height: 35px;padding-right: 20px;display: inline-block;vertical-align: text-bottom;}
.class-resist label:nth-of-type(2){padding-left: 80px;}
.class-resist select{vertical-align: top;}
.class-resist div{display: inline-block;background: #f7f8fa;padding: 11px 54px 3px 42px;margin-top: 35px;vertical-align: top;}
.class-resist input[type='text']{height: 35px;vertical-align: top;}

.class-txt{font-size: 16px;color: #db1b31;line-height: 30px;margin-bottom: 40px;text-align: center;}

/* input-clear */
.input-bar{position:relative;width:100%;display:inline-block;font-size:15px;line-height:initial !important}
.input-bar input::-webkit-outer-spin-button, .input-bar input::-webkit-inner-spin-button{-webkit-appearance:none;}
.input-bar button.btn-del{display:none;border:none;font-size:0;text-indent:-9999px;
  position:absolute;top:11px;right:0px;
  width:20px;height:20px;
  background-position: center -263px;
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-image: url(../images/sprite_icon.png);
}
.search-form{text-align: right;padding-bottom: 20px;}
.search-select{display: inline-block;vertical-align: top;padding-right: 3px;}
.search-select select{height: 40px;font-size: 14px;color: #969696;border-color: #a4a4a4 !important;background:url('../images/sprite_icon.png') no-repeat right -354px;border-radius: 0;padding-left: 16px;padding-right: 38px;}

/* search */
.search-area{display: inline-block;width: 280px;position:relative;background:#fff}
.search-area .input-bar input{float:left;width:100%;height:40px;padding:0 50px 0 10px;color:#969696;font-size:14px;border:1px solid #a4a4a4;border-radius:0;background:#fff;}
/* .search-area .input-bar button.btn-del{top:10px;right:37px} */
.search-area > button{position:absolute;top:1px;right:1px;width:50px;height:38px;color:#fff;text-indent:-9999px;-webkit-tap-highlight-color:transparent}
.search-area > button::after{display:block;content: '';width:28px;height:28px;margin:-14px 0 0 -13px;background:url('../images/sprite_icon.png') no-repeat center -392px;position:absolute;top:50%;left:50%}
/* select */
.select-area:after{content:'';display:block;clear:both}
.select-area{height:40px;margin:15px;font-size:15px}
.select-area > span{display:inline-block}
.select-area > span:first-child{padding:9px 10px 9px 0;font-size:16px;color:#999}
.select-area > span:last-child{float:right;}

.btn-m-write{width: 123px;background: #012b5d;border-color: #012b5d;}

.required{position: relative;padding-right: 3px;vertical-align: middle;}
.required:after{display:inline-block;content: '*';width: 10px;height: 10px;color: #6091ff;}
.phone-num .select-style2{float: left;width: 28%;}
.phone-num [class^="input-bar"]{float:right;width:70%}
.input-area > p:after{content:"";display:block;clear:both}
.input-area > p:last-child{padding-top:10px;}

.overlap-check > div{padding-right: 195px;position: relative;}
.overlap-check > div > button{width:175px;position: absolute;top: 0;right: 0;}

/* layout */
#wrapper{width:100%;min-width:1300px;}

/* header */
.header{z-index:201;position:fixed;;width:100%;min-width:1200px;height:68px;color:#000;background:#fff;border: 1px solid #d8d8d8;box-sizing: border-box;}
.header.sub-header{z-index:400;width:100%; height:135px; color:#000; background:transparent;position:fixed;/* transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;*/}
.header.fixed{z-index:800;background:#000;opacity:0.5;filter:alpha(opacity=50);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
.header > div{padding:0 50px}
header{width:1200px;margin:0 auto;}
header > div:after{content:'';display:block;clear:both}
.gnb:after{content:'';display:block;clear:both}
.header h1{display: inline-block;float:left;margin-top:18px;}

.gnb{width: 800px;position: relative;float: right;}
.gnb > ul{float:right; padding:0 190px 0 0}
.gnb > ul > li{float:left;width:100px;text-align:center}
.gnb > ul > li > a{text-decoration:none; color:#2e323b;line-height:80px; font-size:16px;}
.gnb > ul > li > a{
  display: inline-block;
  font-family: 'Noto Sans KR';
  width: 100%;
  text-transform: uppercase;
    text-decoration: none;
  line-height: 43px;
  padding: 20px 0 4px;;
  /* transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out; */
  position: relative;
}
.gnb > ul > li > a:after{display: block;content: "";width: 0;height: 3px;background: #012b5d;position: absolute;bottom: 0;left: 50%;-webkit-transition-durarion: 0.15s;-moz-transition-durarion: 0.15s;transition-duration: 0.15s;}
.gnb > ul > li > a:hover:after,.gnb > ul > li > a.on:after{left: 0;width: 100%;}

.gnb > ul > li .gnb-draw{display: none;}

.gnb > ul > li:first-child .gnb-figure{background:#f7f9fc url('../images/img_gnb01.jpg') no-repeat 110px 55px;}
.gnb > ul > li:nth-child(2) .gnb-figure{background:#f7f9fc url('../images/img_gnb02.jpg') no-repeat 110px 55px;}
.gnb > ul > li:nth-child(3) .gnb-figure{background:#f7f9fc url('../images/img_gnb03.jpg') no-repeat 110px 55px;}
.gnb > ul > li:nth-child(4) .gnb-figure{background:#f7f9fc url('../images/img_gnb04.jpg') no-repeat 110px 55px;}
.gnb > ul > li:nth-child(5) .gnb-figure{background:#f7f9fc url('../images/img_gnb05.jpg') no-repeat 110px 55px;}

.gnb li.on .gnb-draw{display:block;}

.area{position: absolute;right:-8px;top: 18px;}
.area a{display: inline-block;padding: 5px;font-size: 12px;color: #4a4f5b;font-family: 'Roboto', sans-serif;}

.gnb-draw{width:1200px;height: 280px;background: #fff;position: absolute;left: 50%;top: 67px;
  margin-left: -800px;text-align: left;border: 1px solid #d8d8d8;border-top:0;box-sizing: border-box;}
.gnb-figure{float: left;width:710px;height: 279px;background: #f7f9fc;padding-left: 410px;padding-top: 80px;box-sizing: border-box;border-right: 1px solid #d8d8d8;}
/* .gnb-figure::after{display: block;content: '';width: 1px;height: 279px;background: #d8d8d8;position: absolute;right: 0;top: 1px;} */
.gnb-figure dt{color: #4a4f5b;font-size: 15px;font-weight: 400;line-height: 34px;padding-bottom: 3px;font-family: 'Noto Sans KR';}
.gnb-figure dd{color: #4a4f5b;font-size: 12px;font-weight: 300;line-height: 20px;font-family: 'Noto Sans KR';}
.gnb-sub-menu{float: left;width: 488px;padding-left: 20px;padding-top: 40px;box-sizing: border-box;}
.gnb-sub-menu li{margin-bottom: 17px;}
.gnb-sub-menu li a{display: block;color:#8a919a;font-size: 14px;font-family: 'Noto Sans KR';font-weight: 300;line-height: 26px;}
.gnb-sub-menu li a:hover,.gnb-sub-menu li.on a{color: #012b5d;}

.sitemap.pop-wrapper{}
.dim {position: fixed;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;background-color: rgba(6, 14, 32, 0.8);}
.sitemap{display: none;}
.sitemap nav{width: 970px;height: 515px;border:1px solid #8a919a;position: fixed;left: 50%;top: 67px;z-index: 100;margin-left: -490px;text-align: center;padding-top: 54px;box-sizing: border-box;position: relative;}
.sitemap nav a{color:#fff;font-family: 'Noto Sans KR';}
.sitemap nav ul li a{display: inline-block;font-size: 14px;font-weight: 300;line-height: 32px;}
.sitemap nav > ul > li{float: left;width: 130px;height: 225px;margin-left: 145px;line-height: 34px;}
.sitemap nav > ul > li > a{display: block;font-size: 16px;font-weight: 400;position: relative;}
.sitemap nav > ul > li > a::after{width: 100%;height: 1px;content:'';background: #8a919a;position: absolute;left: 0;bottom: -1px;}
.sitemap nav > ul > li:last-child{float: right;margin-right: 145px;}
.sitemap nav > ul > li > ul{margin-top: 5px;}
.sitemap .btn-close{position: absolute;right: 15px;top: 15px;}

.btn-close{width: 25px;height: 25px;text-indent: -9999px;position: relative;}
.btn-close:after,.btn-close:before{display: inline-block;content: '';width: 19px;height: 1px;border-radius: 1px; background-color:#9a9c9f;position: absolute;left:4px;top:12px;
-webkit-transform: translateY(0) rotate(-45deg);
-ms-transform: translateY(0) rotate(-45deg);
-o-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);}
.btn-close:before{
-webkit-transform: translateY(0) rotate(45deg);
-ms-transform: translateY(0) rotate(45deg);
-o-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);}

.btn-menu{width: 33px;height: 33px;border: 0;position: relative;cursor: pointer;background: #fff;}
.btn-menu span{}
.btn-menu em{display: block;width: 17px;height: 2px;background: #4a4f5b;text-indent:-9999px;position: absolute;left: 8px;top: 15px;}
.btn-menu em:before,.btn-menu em:after{display: block;content: '';width: 17px;height: 2px;background: #4a4f5b;position: absolute;left: 0;top: 6px;}
.btn-menu em,.btn-menu em:before,.btn-menu em:after{
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.btn-menu em::after{top: -6px;}
.btn-menu.is-active em{
  background: #66b2d6;
}

.btn-menu.is-active em::before{
  -webkit-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
  top:0;
}

.btn-menu.is-active em::after{
  -webkit-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
  top:0;
}

.container {min-height: 100%;padding-top: 68px;}
.container > section{width: 1200px;margin: 0 auto;padding: 0 80px;box-sizing: border-box;}
section.find-idpw{width: 914px;margin:0 auto;}
.sub-menu {background-color: #384655;bottom: 0;left: 0;position:absolute;top: 0;width: 220px;z-index: 100;}
.wrapper{width: 100%;min-height: 100%;position: relative;background-color: #fff;box-sizing: border-box;min-width: 1200px;padding-top: 115px;padding-bottom: 165px;}

.top-menu{height: 27px;text-align: right;padding-top: 59px;}
.top-menu a{display: inline-block;min-width: 75px;height: 26px;padding: 0 14px;margin-left: 8px;font-size: 13px;color: #8a8989;line-height: 26px;border: 1px solid #c7c7c7;border-radius: 13px;box-sizing: border-box;text-align: center;}

.title{width: 100%;height: 446px;position: relative;}
.title h2{width: 1200px;height: 244px;font-size: 36px;color: #2e323b;font-weight: bold;font-family: 'Noto Sans KR';text-align: center;background-color: #fff;position: relative;top: 204px;margin-left: -600px;padding-top: 135px;box-sizing: border-box;z-index: 1;margin: 0 auto;}
.title h2:after{display: block;content: "";width: 1px;height: 35px;position: absolute;left: 50%;bottom: 0; background: #000;}
.title .bg-img{position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 256px;
  background-image: url(http://www.easy-w.kr/layouts/xedition/img/review.jpg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;}
.login .title .bg-img{background-image: url('../images/img_visual_login.jpg');}
.join .title .bg-img{background-image: url('../images/img_visual_join.jpg');}
.mypage .title .bg-img{background-image: url('../images/img_visual_mypage.jpg');}
.introduce .title .bg-img{background-image: url('../images/img_visual_introduce.jpg');}
.class .title .bg-img{background-image: url('../images/img_visual_class.jpg');}
.consulting .title .bg-img{background-image: url('../images/img_visual_consulting.jpg');}
.consulting-list .title .bg-img{background-image: url('../images/img_visual_consulting-list.jpg');}

.location{width: 100%;height: 38px;background-color: #192d5a;}
.location p{overflow:hidden;width: 1200px;height: 38px;padding: 0;margin: 0 auto;box-sizing: border-box;background: url("../images/sprite_icon.png") 0 0 no-repeat;background-position:-9px 12px;}
.location p span{display: inline-block;font-size: 14px;color: #fff;line-height: 20px;padding: 9px 70px 9px 40px;position: relative;}
.location p span:first-child{padding-left: 60px;}
.location p span:after{display: block;content: "";width: 1px;height: 20px;position: absolute;
left: 8px;top: 10px; background: #fff;}
.location p span:first-child:after{left: 36px;}
.location p span em{color: #fff;}

.step-box{width: 100%;border-top: 1px solid #b28720;border-bottom: 1px solid #b28720;box-sizing: border-box;margin-bottom: 60px;}
.step-box ul:after{display: block;content: "";clear: both;}
.step-box li{float: left;width: 26%;height: 60px;font-size: 17px;color: #646464;line-height: 60px;text-align: center;background: url("../images/bg_step.png") 0 0 no-repeat;padding-left: 30px;box-sizing: border-box;}
.step-box li:first-child{width: 32%;padding-left: 20px;}
.step-box li:nth-child(2){width: 32%;}
.step-box li:nth-child(3){width: 36%;}
.step-box li:last-child{position: relative;padding-right: 30px;}
.step-box li:last-child:after{display: block;content: "";width: 30px;height: 62px; background:#fff url("../images/bg_step_last.png") 0 0 no-repeat; position: absolute;right: -9px;top: -1px;}
.step-box li:last-child.on:after{background:#fff url("../images/bg_step_last_on.png") 0 0 no-repeat;}
.step-box li .txt{display: inline-block;width: 24px;height: 24px;color: #fff;background:#b28720;border-radius: 12px;font-family:'Noto Sans KR';font-size: 17px;line-height: 1.3;margin-right: 10px;}
.step-box li.on{color: #fff;background:#b28720 url("../images/bg_step_before.png") 0 0 no-repeat;}
.step-box li.on .txt{color: #b28720;background:#fff;}
.step-box li.on + li{background: url("../images/bg_step_on.png") 0 0 no-repeat;}

.step01{padding: 52px 208px;background: #fafafa;margin: 70px 69px 200px;}
.step01 p{font-size: 17px;color: #707070;padding-top: 233px;padding-bottom: 27px;text-align: center;position: relative;}
.step01 p:after{display: block;content: "";width: 184px;height: 184px;background:#b28720 url("../images/sprite_nhw_icon.png") center 40px no-repeat;box-shadow: inset 4px 5px 20px 1px rgba(0,0,0,0.35);border-radius: 50%;position: absolute;left: 50%;top: 0;margin-left: -92px;}
.step01 .btn-m-check{height: 40px;}
.step01 label{display: inline-block;width: 77px;font-size: 16px;color: #1e1e03;font-weight: bold;}
.step01 > section > div{padding: 16px 0;}

.step04{background: #fafafa;border-top: 2px solid #2e323b;padding: 45px 225px;text-align: center;margin:0 60px 60px;}
.step04 span{display: inline-block;width: 220px;font-size: 18px;font-weight: bold;color: #1e1e03;line-height: 1.3;}
.step04 span strong{color: #6091ff;padding-left: 25px;}

.note{padding: 50px 0 50px 225px;position: relative;}
.note h4{padding-left:48px;font-size:37px;color:#272727;font-weight: normal;background: url('../images/sprite_icon.png') 0 -81px no-repeat;position: absolute;left: 225px;top: 40px;}

.note ul{padding-left: 160px;}
.note li{position:relative;padding-left:8px;font-size:15px;color: #888;line-height: 1.4;padding-bottom: 2px;}
.note li::after{display:inline-block;content:'';background: #888;width: 2px;height: 2px;border-radius: 50%;position:absolute;top:9px;left:0;}

.step-area{font-family:'Noto Sans KR';padding-bottom: 15px;}
.step02 h4{font-size: 19px;color: #1e1e1e;font-weight: bold;line-height: 2.2;position: relative;}
.step02 h4 em{font-size: 14px; color: #ef3b3b;}
.step02 > section > div{width: 100%;height: 300px;font-size: 15px;color: #808080;border: 1px solid #dbe1e8;background: #fff;margin: 10px 0;box-sizing: border-box;word-break:break-all;padding: 10px;overflow-y: auto;}
.step02 > section > p{font-size: 14px;color:#646464;margin-top: 10px;margin-bottom: 30px;text-align: right;}
.step02 label{font-size: 13px;color: #646464;}
.step-area + p{height: 60px;background: #fafafa;text-align: center;line-height: 60px;}
.step-area + p label{font-size: 18px;color: #7c7c7c;line-height: 1;}

.agree_box > span{padding-left: 10px;}

.join .txt1{padding-top: 18px;}
.step03{background: #fafafa;border-top: 2px solid #2e323b;padding: 55px 110px 65px 54px;text-align: left;margin-top: 38px;}
.step03 .table-type2 tbody{background: #fafafa;}
.step03 .table-type2 th,.step03 .table-type2 td{border: 0;text-align: left;height: 40px;}
.step03 .table-type2 th{width: 140px;vertical-align: top;}
.step03 [class^="btn-m"]{height: 40px;}

section.notice-view{padding: 0 70px;margin-top: 50px;}
.notice-view h3{font-size: 22px;font-weight: bold;color: #022a5d;line-height: 1.6;background: #f7f8fa;border-top: 2px solid #1e1e1e;padding: 25px 60px;box-sizing: border-box;text-align: center;}
.view-etc{padding:22px 60px;border-top: 1px solid #b4b4b4;border-bottom: 1px solid #b4b4b4;}
.view-etc ul::after{display: block;content: '';clear: both;}
.view-etc li{float: left;width: 190px;}
.view-etc li:first-child{width: 610px;}
.view-etc li:nth-child(3){width: 135px;}
.view-etc strong,.view-etc span{display: inline-block;float: left;font-size: 16px;color: #1e1e03;line-height: 1.6;}
.view-etc strong{font-weight: bold;padding-right: 18px;}
.view-etc li:first-child a{width: 330px;display: -ms-flexbox; display: -webkit-box; display: -moz-box;
overflow:hidden;
text-overflow: ellipsis;
word-break:break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;}
.view-con{font-size: 16px;color: #1e1e03;line-height: 1.6;padding: 70px 60px;border-bottom: 1px solid #646464;}
.view-con .btn-wrap-center{padding-top: 110px;}
.view-con [class^="btn-l"]{width: 230px;height: 56px;}

.prev-next{border-bottom: 1px solid #646464;}
.prev-next li{padding: 18px 60px;}
.prev-next li:first-child{border-bottom: 1px solid #b4b4b4;}
.prev-next span{display: inline-block;width: 94px;font-size: 15px;color: #646464;font-weight: bold;line-height: 1.6;position: relative;}
.prev-next a{font-size: 15px;color: #7d7d7d;line-height: 1.6;}
.prev-next span::after{display:inline-block;content: '';width: 22px;height: 22px;background:url("../images/sprite_icon.png") no-repeat center -294px;padding-left: 5px;}
.prev-next li:first-child span::after{background-position: center -269px;}

.btn-class-list{display: inline-block;width: 97px;height: 33px;font-size: 15px;color: #1e1e1e;line-height: 33px;border: 1px solid #767676;text-align: center;box-sizing: border-box;}

.btn-wrap-right{text-align: right;padding-top: 20px;padding-bottom: 200px;}
.btn-wrap-center{text-align: center;}
.btn-wrap-50{width: 100%;overflow: hidden;margin-top: 20px;margin-bottom: 200px;}
.btn-wrap-50 > div{float: left;width: 50%;text-align: right;}
.btn-wrap-50 > div::after{display: block;content: '';clear: both;}
.btn-wrap-50 > div:first-child{text-align: left;}
.btn-wrap-50 [class^="btn-m"]{width: 76px;height: 33px;color: #fff;background: #b9b9b9;border-color: #b9b9b9;margin-left: 0;margin-right: 9px;}


.btn-out{display: inline-block;font-size: 16px;color: #3c3c3c;position: relative;padding: 20px 3px 0;}
.btn-out:after{display: inline-block;content: '';width: 100%;height: 1px;background: #3c3c3c;position: absolute;left: 0;bottom: -6px;}

.my-page .table-type{margin-bottom: 115px;}
.my-page h4{font: 21px;color: #2e323b;}
.btn-m-apply{width: 83px;height: 32px;background: #192d5a;font-weight: bold;font-size: 14px;border-color: #192d5a;}
.btn-m-ok,.btn-m-cancel{width: 145px;height: 48px;font-size: 16px;font-weight: bold;}
.btn-m-ok{background: #012b5d;}

.mem-out{background: #f7f8fa;border-top: 2px solid #2e323b;font-size: 17px;color: #646464;padding: 63px;text-align: center;}
.mem-out p{padding-bottom: 28px;}
.mem-out p strong{color: #012b5d;font-weight: bold;}

.mem-btn-area{padding: 32px 0 100px;text-align: center;}

.btn-area2{padding-bottom:150px;padding-top: 58px;text-align: center;}
.btn-area2 [class^="btn"]{width: 167px;margin: 0 7px;}

.sub-gnb ul li a{opacity:0.9;filter:alpha(opacity=90)}
.sub-gnb ul li.selected > a{opacity:1;font-weight:bold}
.submenu {/* 170516 */display:none;z-index:800;position:absolute;top:80px;left:0px;width:100%;height:50px;border-top:1px solid #9c9da3}
.submenu:after{display:block;content:'';z-index;-1px;position:absolute;top:50px;left:0;width:100%;height:50px;margin-top:-50px;background:#000;opacity:0.5;filter:alpha(opacity=50)}
.submenu ul{z-index:100;position:relative;width:1000px;margin:0 auto;padding:0 200px;}
.submenu ul:after{content:'';display:block;clear:both}
.gnb .submenu ul li{float:left;height:50px;margin:0;padding:0 45px;line-height:50px}
.gnb .submenu ul li a{color:#fff; font-size:14px; word-break:normal; line-height:18px}
.gnb .submenu ul li a:hover,
.gnb .submenu ul li a:focus {color:#d39618;outline:none}

/* container */
.contents,.toggleCon{width:1200px;margin:0 auto;padding:50px 80px;color:#4c4c4c;box-sizing: border-box;}
section > h2{padding-bottom:90px;font-size:40px;color:#404040;text-align:center;line-height:1.4}
section > h2 span{display:block;color:#808080;font-size:24px}
section > h2 strong{font-weight:bold;letter-spacing:-1px}
h3{font-size: 21px;font-weight: bold;color: #1e1e1e;font-family:'Noto Sans KR';}

.class .contents{padding:50px 70px;}

.txt1{font-size: 15px;color: #646464;}
.txt2{font-size: 14px;color: #646464;position: relative;padding-left: 13px;}
.txt2::after{display: inline-block;content: '-';color:#6091ff;position: absolute;left: 0;top: 0;}

/* main-banner */
#banner-wrap{position:relative;width:100%;height:900px;margin-bottom:105px}
#container > section > div.bx-wrapper{width:100%;min-width:1280px;padding:0}
.bxslider > li{background-size:cover}
.bxslider .bg,.sub-banner .bg{display:block;content:'';position:absolute;top:0;width:100%;height:900px;background:#000;opacity:0.6;filter: alpha(opacity=60);}
.banner-txt{z-index:200;position:relative;left:50%;width:1200px;height:720px;margin-left:-600px;padding-top:180px;font-size:16px;color:#fff;text-align:center;vertical-align:middle}
.banner-txt > p{color:#d0d2cd;line-height:2}
.banner-txt > p:first-child{margin-bottom:25px;font-size:40px;color:#fff;line-height:1.2}

.login-form{width: 360px;margin: 0 auto;margin-top: 40px;position: relative;}
/* .login-form input[type='text'],.login-form input[type='password']{width: 268px;} */
.login-form .input-bar{display: inline-block;width: 268px;margin-bottom: 8px;}
.login-form .btn-login{width: 81px;height: 88px;position: absolute;right: 0;top: 0;}
.login-form .checkbox + label{font-size: 13px;color: #646464;}

.join-find{padding-left: 28px;margin-top: 80px;margin-bottom: 250px;}
.join-find::after{display: block;content: '';clear: both;}
.join-find dl{width: 328px;float: left;padding-left: 62px;box-sizing: border-box;position: relative;}
.join-find dl::after{display: block;content: '';width: 1px;height: 94px;background: #dadada;position: absolute;right: 0;top: 2px;}
.join-find dl:first-child{padding-left: 30px;}
.join-find dl:last-child::after{display: none;}
.join-find dt{font-size: 17px;color: #1e1e03;font-weight: bold;font-family:'Noto Sans KR';line-height: 1.2;padding-bottom: 9px;}
.join-find dd{font-size: 15px;color: #969696;font-family:'Noto Sans KR';line-height: 20px;pb9}
.join-find a{display: inline-block;font-size: 15px;color: #192d5a;padding: 3px 0;margin-top: 9px;position: relative;}
.join-find a::after{display: inline-block;content: ">";color: #192d5a;position: absolute;right: -14px;top: 2px;}

/* 아이디찾기 */
.tab-area{position:relative;}
.tab-area .tab-title{position:absolute;top:23px;left:0;width:50%;box-sizing:border-box;}
.tab-area .tab-title::after{display: block;content: '';width: 1px;height: 26px;background: #b5b5b5;position: absolute;right: 0;top: 35px;}
.tab-area .tab-title:nth-of-type(2)::after{display: none;}
.tab-area .tab-title a{display:block;font-size:17px;color: #2e323b;font-weight: 300;border-top:1px solid #b5b5b5;text-align:center;padding: 35px 0 45px;z-index: 1;}
.tab-area .tab-title:nth-of-type(1) a{border-right:0;}
.tab-area .tab-title:nth-of-type(2){left:50%}
.tab-area .tab-title:nth-of-type(2) a{border-left:0;}
.tab-area .tab-title.on a{color:#012b5d;font-weight: bold;position: relative;}
.tab-area .tab-title.on a::after{display: block;content: '';width: 100%;height: 2px;background: #2e323b;position: absolute;left: 0;top: -1px;}

.find-idpw .tab-area .tab-content > div{height: 250px;box-sizing: border-box;background: #fafafa;}

.mypage [class*='tab-cont']{margin-top: 0;padding-bottom: 50px;}
.mypage .tab-area .tab-title{width: 457px;left: 63px;}
.mypage .tab-area .tab-title:nth-of-type(2){left: 50%;}
.mypage .step03{margin-top: 20px;}
.mypage .step03 .btn-wrap-center .btn-l-submit{width: 230px;margin-top: 60px;}

i.a{display: inline-block;width: 18px;height: 17px;background:#fff url("../images/sprite_icon.png") no-repeat center -128px;position: relative; top: 3px; padding-right: 3px;}
i.b{display: inline-block;width: 18px;height: 17px;background:#fff url("../images/sprite_icon.png") no-repeat center -91px;position: relative; top: 3px; padding-right: 3px;}
i.r{display: inline-block;width: 18px;height: 17px;background:#fff url("../images/sprite_icon.png") no-repeat center -54px;position: relative; top: 3px; padding-right: 3px;}
i.secret{display: inline-block;width: 18px;height: 20px;background:#fff url("../images/sprite_icon.png") no-repeat center -433px;position: relative; top: 3px; padding-right: 3px;text-indent:-9999px;padding-left: 5px;}
i.del{display: inline-block;width: 18px;height: 18px;background:#fff url("../images/sprite_icon.png") no-repeat center -466px;position: relative; top: 2px;text-indent:-9999px;}
i.file{display: inline-block;width: 18px;height: 20px;background:#fff url("../images/sprite_icon.png") no-repeat center -331px;position: relative; top: 4px; padding-right: 3px;text-indent:-9999px;padding-left: 5px;}

.idpw-txt{font-size: 17px;color: #646464;text-align: center;margin-top: 70px;}
.idpw-txt span{color: #012b5d;font-weight: bold;}

/* sub-banner */
.sub-banner{position:relative;width:100%;height:400px}
.sub-wrapper{width:100%;min-width:1280px;padding:0;background-size:cover}
.sub-txt{z-index:200;position:relative;left:50%;width:1200px;height:250px;margin-left:-600px;padding-top:150px;font-size:16px;color:#fff;text-align:center;vertical-align:middle}
.sub-txt > p{color:#d0d2cd;line-height:2}
.sub-txt > p strong{font-weight:bold}
.sub-txt > p:first-child{margin-bottom:25px;font-size:40px;color:#fff;line-height:1.2}
.sub-banner .bg{height:400px}

/* sales-channel */
[class*='channel']{position:relative}
[class*='channel'] h2{margin-top:160px;line-height:1.6}
[class*='channel'] h2 span{font-size:20px}
[class*='channel'] a{display:block;position:absolute;top:120px;left:50%;width:190px;height:40px;margin-left:-95px;border:1px solid #808080;color:#000;font-size:18px;text-align:center;line-height:2.2}
.channel-list ul{padding:60px 100px 150px;}
.channel-list ul:after{content:'';display:block;clear:both}
.channel-list ul li{float:left;margin:10px 25px}

/* contact us */
.contact .map{max-width:1600px;min-width:1300px;height:600px;margin:0 auto;background:#ddd;text-align:center}
.contact .contents{padding:80px 0;font-size:16px;font-family:'Noto Sans KR'}
.contact .contents p{font-size:20px;font-weight:bold;text-align:center}
.contact .contents ul{display:table;margin:30px auto 0}
.contact .contents ul li{display:table-row}
.contact .contents ul li span{display:table-cell;padding-bottom:30px;line-height:2}
.contact .contents ul li span:first-child{width:65px;font-weight:bold}
.cmap .map{background:none}
.cmap .contents{margin-bottom:70px}

.terms .sub-txt p:first-child{padding-top:40px}
[class*='tab-area']{position:relative;width:100%;margin:0 auto;}
/* [class*='tab-title']{position:absolute;left:50%;top:-36px;width:280px;margin-left:-280px;border:1px solid #000;text-align:center} */
[class*='tab-title'] a{display:block;padding:10px 0;color:#2e323b;font-size:17px;}
.tab-title02{position:absolute;margin-left:0}
/* [class*='tab-title'].on a{color:#fff;background:#000} */
[class*='tab-cont']{margin-top:50px;padding:5px 0 150px}
.tab-cont02{display:none}
[class*='tab-cont'] > div{width:100%;margin:124px auto 0;padding: 40px 0 75px;}
.tab-cont01 > div{margin-top:100px}
.terms-txt p{line-height:2.2}
.terms-txt p a{color:#333;font-weight:bold}
.terms-txt table{min-width:700px;margin:20px 0;border-top:1px solid #ddd}
.terms-txt table td{padding-left:10px;font-size:14px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.terms-txt table td:first-child{border-left:1px solid #ddd}


/* select */
.notice-list .table-type3 + .page-area{margin-top: 70px;margin-bottom: 50px;}
.table-type3{}
.table-type3 td{font-size: 15px;color: #646464;line-height: 1.6;padding: 24px 10px;}
.table-type3 td a{font-size: 16px;color: #000;}
.table-type3 td:nth-child(2){text-align: left;}
.table-type3 tr:last-child td{border-color: #646464;}

.table-type3 .complete{color: #477fff;}

.table-type3 + .btn-wrap-right{padding-bottom: 20px;}

.notice-write{}
textarea{width: 100%;border: 1px solid #d7d7d7;padding: 10px;box-sizing: border-box;}
input[type="file"]{font-size: 16px;color: #969696;height: 38px;}
.notice-write input[type="file"]{width:560px;}
.file-style{display: inline-block;border: 1px solid #d7d7d7;margin-right: 10px;}
.notice-write .txt{font-size: 14px;color: #969696;padding-top: 10px;}
.notice-write .btn-l-submit,.notice-write .btn-l-cancel{width: 230px;margin-top: 75px;}

.notice-write-area .step03{padding: 60px 68px 65px 40px;margin-top: 10px;}
.notice-write-area .step03 .table-type2 th{width: 90px;}

section.notice-qna-view{padding: 0 70px;margin-top: 50px;}
.notice-qna-view h3{font-size: 21px;font-weight: bold;color: #1e1e1e;line-height: 1.6;background: #f7f8fa;border-top: 2px solid #1e1e1e;padding: 25px 60px;box-sizing: border-box;}

.notice-qna-view .view-etc li{float: left;width: 160px;}
.notice-qna-view .view-etc li:first-child{width: 595px;}
.notice-qna-view .view-etc li:nth-child(3){width: 184px;}

.class-Q-con,.class-A-con{font-size: 16px;color: #1e1e03;line-height: 1.8;padding: 60px;border-bottom: 1px solid #b4b4b4;}
.class-A-con{border-bottom: 1px solid #646464;}
.class-A-tit{font-size: 16px;color: #1e1e03;padding: 22px 60px;border-bottom: 1px solid #b4b4b4;}
.class-A-tit .bu-notice{margin-right: 12px;}
.class-A-tit strong{font-weight: bold;margin-right: 10px;}

section.notice-qna-password{padding: 0 70px;margin-top: 50px;text-align: center;}
.notice-qna-password h3{font-size: 24px;color: #1e1e1e;border-top: 2px solid #1e1e1e;padding: 76px 60px 0;box-sizing: border-box;}
.notice-qna-password .btn-wrap{border-bottom: 1px solid #646464;padding: 36px 0 80px;}
.notice-qna-password .btn-wrap [class^="btn-m"]{width: 76px;height: 33px;}
.notice-qna-password .btn-wrap .btn-m-ok{border-color: #012b5d;}
.notice-qna-password p{font-size: 15px;color: #1e1e03;margin-top: 7px;margin-bottom: 27px;}

.notice-view.re .view-con{border-bottom: 0;}
.notice-view.re .view-etc li:first-child{width: 450px;}

.re-area{padding: 0px 68px 0;background: #f7f8fa;border-bottom: 1px solid #646464;}
.re-area h4{font-size: 17px;font-weight: bold;color: #444546;line-height: 27px;padding-bottom: 8px;}
.re-area h4 em{color: #1b3e6a;}
.re-write textarea{float: left;font-size: 16px; color: #1e1e03;font-family:'Noto Sans KR';width: 830px;height: 107px;border: 1px solid #b9b9b9;}
.re-write button{float: left;width: 94px;height: 107px;background: #ebecee;border: 1px solid #b9b9b9;position: relative;left: -1px;}
.re-area li{border-bottom: 1px solid #dcdcdc;}
.re-area li:last-child{border-bottom: 0;}
.re-area li div{width: 100%;padding: 36px 0;overflow: hidden;}
/* .re-area li div::after{display: block;overflow: hidden;clear: both;} */
.re-area li div strong{display: block;float: left; width: 118px;color: #012b5d;font-size: 16px;font-weight: bold;}
.re-area li div span{display: block;float: left;max-width: 805px;font-size: 16px;color: #1e1e03;}
.re-area li div .btn-re-del{display: inline-block;font-size: 13px;color: #575859;position: relative;padding: 3px 3px 3px 16px;margin-left:10px;}
.re-area li div .btn-re-del::after{display: inline-block;content: '';width: 14px;height: 14px;background: url("../images/sprite_icon.png") no-repeat center -500px;position: absolute;left: 0;top: 5px;}
.re-area li div p{display: block;clear: both;padding-left: 120px;font-size: 13px;color: #7d7d7d;padding-top: 15px;}


/* .btn-facebook{border:none;font-size:0;text-indent:-9999px;
  width:20px;height:20px;
  background-position: center -263px;
  background-repeat: no-repeat;
  background-size: 60px auto;
  background-image: url(../images/sprite_icon.png);
} */
.view-etc li.sns{float: right; width: 150px;text-align: right;}
.btn-facebook{display: inline-block;width: 27px;height: 25px;background:url("../images/sprite_icon.png") no-repeat center -533px;text-indent:-9999px;margin-left: 10px;}
.btn-naver{display: inline-block;width: 27px;height: 25px;background:url("../images/sprite_icon.png") no-repeat center -577px;text-indent:-9999px;margin-left: 10px;}
.btn-clink{display: inline-block;width: 27px;height: 25px;background:url("../images/sprite_icon.png") no-repeat center -621px;text-indent:-9999px;margin-left: 10px;}
.view-etc li.sns span{position: absolute; left:-9999px;text-indent: -9999px;}

.journal-list li{background: #f7f8fa;border-top: 2px solid #192d5a;border-bottom: 1px solid #b4b4b4;margin-bottom: 30px;}
.journal-list-area{padding: 53px 50px 55px 437px;position: relative;}
.journal-list-area > strong{display: block;font-size: 21px;font-weight: bold;color: #192d5a;line-height: 33px;height:66px;
  display: -ms-flexbox; display: -webkit-box; display: -moz-box;
overflow:hidden;
text-overflow: ellipsis;
word-break:break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.journal-list-area > strong a{color: #192d51;;}
.journal-list-area > span{display: block;font-size: 16px;color: #787b80;line-height: 26px;margin-top: 5px;height: 26px;
  display: -ms-flexbox; display: -webkit-box; display: -moz-box;
  overflow:hidden;
  text-overflow: ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;}
.journal-list-area > div{margin-top: 17px;}
.journal-list-area > div strong, .journal-list-area > div span{display: inline-block;font-size: 15px;color: #353638;}
.journal-list-area > div strong{font-weight: bold;padding-right: 10px;}
.journal-list-area > div span{padding-right: 30px;}
.journal-list-area img{width: 283px;height: 166px;border: 1px solid #bdbec2;box-shadow: 4px 4px 0 0 rgba(217,219,224,1);position: absolute;left: 76px;top: 41px;}

.journal .journal-list-area{padding: 53px 437px 55px 50px;}
.journal .journal-list-area > strong{height: 99px;-webkit-line-clamp:3;}
.journal .journal-list-area img{left: auto;top: 41px;right: 76px;}

.journal-list + .page-area{margin-top: 60px;}

.news-list{}
.news-list::after{display: block;content: '';clear: both;}
.news-list li{float: left;width: 340px;height: 324px;margin-right: 20px;border-top: 3px solid #192d5a;border-bottom: 1px solid #b4b4b4;box-sizing: border-box;position: relative;margin-bottom: 50px;background: #f7f8fa;}
.news-list li:nth-child(3n){margin-right: 0;}
.news-list li a{display: block;text-align: center;}
.news-list .news-img{width: 340px;height: 185px;}
.news-list .news-img img{font-size: 0;width: 100%;}

.news-txt{padding: 21px 25px 22px;text-align: left;}
.news-txt strong{height: 32px;font-size: 20px;font-weight: bold;color: #012b5d;line-height: 32px;
  display: -ms-flexbox; display: -webkit-box; display: -moz-box;
  overflow:hidden;
  text-overflow: ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;}
.news-txt p{height: 30px;font-size: 16px;color: #535352;line-height: 30px;
  display: -ms-flexbox; display: -webkit-box; display: -moz-box;
  overflow:hidden;
  text-overflow: ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;}
.news-txt span{display: block;font-size: 15px;color: #353638;line-height: 21px;margin-top: 10px;}

.read-more-area{text-align: center;}
.read-more{font-size: 22px;font-weight: bold;color: #192d5a;line-height: 1.5;position: relative;padding-left: 30px;}
.read-more span{font-size: 19px;font-weight: normal;position: relative;top: -2px;}
.read-more:after{display:block;content: '';width:25px;height:25px;position:absolute;top:6px;left:0;background:url("../images/sprite_icon.png") center -664px no-repeat;}

.customer{font-family: 'Noto Sans KR';}
.customer section h3{font-size: 30px;font-weight: bold;color: #7b8297;font-family: 'Noto Sans KR';border: 0;background: transparent;padding: 0;margin-bottom: 25px;text-align: center;}

.terms-con{width: 100%;background: #f7f8fa;padding: 68px 0;}
.terms-con section{width: 1200px;margin: 0 auto;}
.terms-con div{width: 1040px;border: 1px solid #ececec;background: #fff;margin: 0 auto;padding:32px 60px;}
.terms-con li{color: #646464;line-height: 28px;padding-left: 45px;padding-right: 40px;box-sizing: border-box;}
.terms-con li::after{display: block;content: '-';color:#646464;position: absolute;left: 30px;top: 0;}

.consulting{font-family: 'Noto Sans KR';}
.consulting section h3,.class section h3{font-size: 30px;font-weight: bold;color: #7b8297;font-family: 'Noto Sans KR';border: 0;background: transparent;padding: 0;margin-bottom: 25px;text-align: center;}

section.consul-con1{margin-top: 50px;padding: 0 169px 70px;text-align: center;}
section.consul-con1 p,section.consul-con12 p,.consul-con2 p{font-size: 18px;color: #646464;line-height: 26px;padding:0 155px;}
section.consul-con1 > span{display: block;font-size: 18px;color: #192d5a;line-height: 26px;padding-top: 10px;padding-bottom: 70px;}
section.consul-con1 ul::after{display: block;content: '';width: 80%;height: 5px;border-bottom: 3px dotted #dbdbdb;margin: 55px auto;}
section.consul-con1 ul{width: 100%;overflow: hidden;clear: both;}
section.consul-con1 ul li{float:left; width: 180px;margin-right: 161px;text-align: center;}
section.consul-con1 ul li:last-child{margin-right: 0;}
section.consul-con1 ul li::before{display: block;content: '';width: 120px;height: 120px;border: 1px solid #e2e2e2;border-radius: 60px;background:#fff url("../images/sprite_icon2.png") center 25px no-repeat;margin: 0 auto;}
section.consul-con1 ul li:nth-child(2)::before{background-position: center -85px;}
section.consul-con1 ul li:nth-child(3)::before{background-position: center -195px;}
section.consul-con1 ul li span{display: block;font-size: 22px;color: #646464;padding-top: 35px;}

.consul-con2{width: 100%;background: #f7f8fa;padding: 68px 0;}
.consul-con2 section{width: 1200px;margin: 0 auto;}
.consul-con2 div{width: 1040px;height: 206px;border: 1px solid #ececec;background: #fff;margin: 0 auto;padding:32px 60px;box-sizing: border-box;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.consul-con2 div{width: 1040px;height: 255px !important;border: 1px solid #ececec;background: #fff;margin: 0 auto;padding:32px 60px;box-sizing: border-box;}
}

.consul-con2 li{float: left;width: 50%;font-size: 18px;color: #646464;line-height: 28px;text-align: left;padding-left: 45px;padding-right: 40px;box-sizing: border-box;position: relative;}
.consul-con2 li::after{display: block;content: '-';color:#646464;position: absolute;left: 30px;top: 0;}

section.consul-con3{margin-top: 65px;margin-bottom: 80px;text-align: left;}
section.consul-con3 .term{width: 752px;height: 150px;border: 1px solid #dfdfdf;background: #fff;font-size: 13px;word-break:break-all;padding: 10px;overflow-y: auto;margin-top: 15px;margin-bottom: 10px;}
section.consul-con3 .step03{padding-right: 75px;margin-top: 10px;}
section.consul-con3 .step03 .table-type2 th{width: 150px;}
section.consul-con3 .step03 .btn-l-submit{width: 180px;margin-top: 60px;}

section.consul-con12{margin-top: 50px;padding: 0 90px 70px;text-align: center;}
section.consul-con12 p{padding: 0;line-height: 28px;}

.consul-inq{height: 331px;border-top: 2px solid #2e323b;background: #f7f8fa;position: relative;padding: 0 78px 0 600px;margin-bottom: 50px;}
.consul-inq:after{display: block;content: '';width: 521px;height: 331px;background: url("../images/bg_consul01.jpg") 0 0 no-repeat;position: absolute;left: 0;top: 0;}
.consul-inq > ul > li{border-bottom: 1px solid #d8dbde;padding: 5px 30px 40px;}
.consul-inq > ul > li:last-child{border-bottom: 0;}
.consul-inq > ul > li dt{font-size: 20px;font-weight: bold;color: #777f95;line-height: 30px;margin-top: 31px;margin-bottom: 11px;}
.consul-inq > ul > li dd{font-size: 16px;color: #89898a;line-height: 24px;}
.consul-inq > ul > li dd strong{display: inline-block;width: 75px;font-weight: bold;}

section.consul-list-con1{width: 1100px;background: #f7f8fa;padding: 67px 70px 60px;margin-top: 30px;margin-bottom: 250px;}
section.consul-list-con1 ul{border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0;}
section.consul-list-con1 ul:after{display:block;clear:both;content:''}
section.consul-list-con1 ul li{float:left;width:25%;height: 210px;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;background: #fff;box-sizing: border-box;overflow: hidden;position: relative;}
section.consul-list-con1 ul li > span{display: block;padding: 28px 5px;}
section.consul-list-con1 ul li div{/*display: none;*/width: 100%;height: 100%;background: rgba(11,25,58,0.9);text-align: center;position: absolute;top: 100%;transition: all .2s ease-out;}
section.consul-list-con1 ul li:hover div{ top: 0;}
section.consul-list-con1 ul li div strong{display: block;font-size: 20px;color: #f0f3f7;padding-top: 50px;padding-bottom: 40px;position: relative;}
section.consul-list-con1 ul li div strong::after{display: block;content: '';width: 28px;height: 1px;background: #fff;position: absolute;left: 50%;bottom: 20px;margin-left: -14px;}
section.consul-list-con1 ul li div span{font-size: 13px;font-weight: 200;color: #f0f3f7;line-height: 22px;}
section.consul-list-con1 .read-more-area{margin-top: 65px;}


.icon-list{padding:0 10px 25px;background-color:#fff}
.icon-list h2,.cate-section h3{padding-top:15px;padding-bottom:12px;padding-left:12px;font-size:16px;line-height:20px;font-weight:normal;color:#313131}
.icon-list h2{padding-left:2px}
.icon-list ul{border-top:1px solid #d0d0d0;border-left:1px solid #d0d0d0;border-radius:5px}
.icon-list ul:after{display:block;clear:both;content:''}
.icon-list ul li{float:left;width:25%;/* border-left: 1px solid #d0d0d0; */border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;box-sizing:border-box}
.icon-list ul li:nth-child(1){border-radius:5px 0 0 0}
.icon-list ul li:nth-child(4){border-radius:0 5px 0 0}
.icon-list ul li:nth-child(5){border-radius:0 0 0 5px}
.icon-list ul li:nth-child(8){border-radius:0 0 5px 0}
.icon-list ul li a{display:block;font-size:12px;color:#6d6d6d;text-align:center}
.icon-list ul li a span{display:block;width:100%;padding-bottom:10px;padding-top:15px}
.icon-list ul li a span img{width:50%}
.icon-list ul li a strong{display:block;width:100%;padding-bottom:12px}

.page-area{margin-top: 30px;text-align:center;margin-bottom: 30px;}
.page-area nav{display:inline-block;}
.page-area nav:after{content:'';display:block;clear:both;}
.page-area nav a{display: inline-block;float:left;height: 27px;line-height: 1.8;font-size: 14px;color: #000;text-align: center;margin: 0 3px;min-width: 18px;padding: 0 4px;}
.page-area nav a:first-child{border-left:0;}
.page-area nav a.on,.page-area nav a.on:hover{color: #6091ff;position: relative;}
.page-area nav a.on::after{display: inline-block;content: '';width: 15px;height: 1px;background: #6091ff;position: absolute;left: 50%;bottom: 0;margin-left: -7px;}
.page-area nav a:hover{background-color:#f8f9fb;}
.page-area nav a.page{height:28px;border:1px solid #cacaca;position:relative;top:-2px;margin:0 4px;}
.page-area nav a.page:nth-of-type(2){margin-right:15px;}
.page-area nav a.page:nth-last-of-type(2){margin-left:15px;}
[class~="page"] > span{display:inline-block;background:url("../images/sprite_icon.png") 0 0 no-repeat; background-size: 40px auto;background-position:center -174px;display: inline-block;width: 20px;height: 28px;text-indent:-9999px;}
[class~="page"] > span.prev{background-position:center -207px;}
[class~="page"] > span.next{background-position:center -239px;}
[class~="page"] > span.last{background-position:center -271px;}

/*학회소개*/
section.con-kema-int{text-align: center;font-size: 18px;color: #646464;padding-bottom: 103px;}
.con-kema-int h3{font-size: 30px;color: #7b8297;margin-top: 43px;margin-bottom: 29px;}
.con-kema-int h3 em{color: #bcabdd;position: relative;}
.con-kema-int h3 em::after{display: block;content: '';width: 100%;height: 2px;background: #bcabdd;position: absolute;left: 0;bottom: 0;}
.con-kema-int p{font-size: 18px;color: #646464;font-weight: 500;padding-bottom: 6px;}

.con-kema-int2{font-size: 18px;color: #646464;background: #f9f9fb;text-align: center;padding: 148px 0 90px;}
.con-kema-int2 h3,.con-kema-int3 h3{font-size: 30px;color: #787f95;margin-bottom: 32px;}
.con-kema-int2 ul{width: 1040px;overflow: hidden;clear: both;margin: 70px auto 0;}
.con-kema-int2 ul li{float:left; width: 50%;text-align: center;}
.con-kema-int2 ul li:last-child{margin-right: 0;}
.con-kema-int2 ul li::before{display: block;content: '';width: 136px;height: 136px;border: 1px solid #e2e2e2;border-radius: 50%;background:#fff url("../images/sprite_icon2.png") center -880px no-repeat;margin: 0 auto;}
.con-kema-int2 ul li:nth-child(2)::before{background-position: center -765px;}
.con-kema-int2 ul li span{display: block;font-size: 22px;color: #646464;padding-top: 24px;}
.con-kema-int2 ul li span strong{font-weight: 700;}

section.con-kema-int3{margin: 168px auto 0;text-align: center;}
.con-kema-int3 h4{display: inline-block;position: absolute;left: 0;top: 0;}
.con-kema-int3 h4:nth-of-type(2){left: 263px;}
.con-kema-int3 h4:nth-of-type(3){left: 526px;}
.con-kema-int3 h4:nth-of-type(4){left: 790px;}
.con-kema-int3 .tab-content2{margin-top: 60px;padding-top: 110px;}
.con-kema-int3 .tab-title2 a{width: 250px;height: 68px;font-size: 18px;color: #646464;line-height: 68px;background: #f7f8fa;padding: 0;border-radius: 34px;}
.con-kema-int3 .tab-title2.on a{background: #5e6c8b;color: #fff;}
.con-kema-int3 .tab-content2 div{width: 100%;font-size: 18px;color: #646464;line-height: 28px;text-align: left;border-top: 1px solid #2e323b;border-bottom: 1px solid #ced4df;margin-top: 0;padding: 100px 60px 90px;box-sizing: border-box;}
.con-kema-int3 .tab-content2 div strong{display: block;font-size: 19px;color: #192d5a;font-weight: 500;line-height: 32px;padding-top: 20px;position: relative;}
.con-kema-int3 .tab-content2 div strong::after{display: block;content: '';width: 40px;height: 2px;background: #192d5a;position: absolute;left: 0px;top: 0px;}
.con-kema-int3 .tab-content2 div img{padding-left: 70px;padding-bottom: 65px;}
.con-kema-int3 .tab-content2 div .img02{margin-top: 40px;margin-left: -60px;padding: 0;}

/* footer */
footer{width: 100%;position:relative;font-family:'Noto Sans KR';font-size:13px;color:#acadb2;background:#363c47}
/* footer:after{z-index:100;position:absolute;top:0;left:0;content:'';display:block;width:100%;height:150px;background:#282828;clear:both} */
footer > div{position:relative;z-index:200;width:1200px;margin:0 auto;padding:45px 10px 60px;box-sizing: border-box;}
footer > div > div:first-child{width: 100%;}
footer > div > div:first-child > p{float: left;width: 50%;padding-bottom: 15px;}
footer > div > div:first-child > nav{float: right;width: 50%;text-align:right;padding-top: 10px;}
footer > div > div:first-child > nav a{font-size: 14px;color: #acadb2;display: inline-block;padding: 0 3px 0 10px;position: relative;}
footer > div > div:first-child > nav a:last-child{font-weight: bold;}
footer > div > div:first-child > nav a:last-child::after{display: block;content:'';width: 1px;height: 11px;background: #93949a;position: absolute;left: 0px;top: 5px;}
footer > div > div:first-child:after{display: block;content: '';width: 1180px;height: 1px;background: #515356;/* position: absolute; *//* left: 10px; *//* top: 50px; */clear: both;}
footer > div > div li{display: inline-block;position: relative;padding-right: 17px;line-height: 22px;}
footer > div > div li::after{display: block;content:'';width: 1px;height: 11px;background: #93949a;
position: absolute;left: -11px;top: 6px;}
footer > div > div li:first-child::after{display: none;}
footer > div > div p{line-height: 22px;}
footer > div > div + div{position: relative;padding-top: 17px;}
footer > div > div + div span{position: absolute;right: 0;top: 22px;}

.class-con2{width: 100%;background: #f7f8fa;padding: 68px 0;}
.class-con2 section{width: 1200px;margin: 0 auto;}
.class-con2 p{font-size: 18px;padding:0 185px;line-height: 28px;text-align: center;}

.box-list{margin-top: 60px;}
.box-list ul{display: inline-block;}
.box-list ul:after{display: block;content: "";clear: both;}
.box-list li{float: left;background: #fff;}
.box-list li:first-child{margin-left: 0;}
.box-list-4 li{width: 280px;}
.box02{width: 400px;height: 456px;border: 1px solid #e2e7e8;text-align: left;box-sizing: border-box;position: relative;/* overflow:hidden; */border-right: 0;}
.box-list ul li:last-child .box02{border: 1px solid #e2e7e8;}
.box02 a{display: block;}
.box02 img{width: 100%;vertical-align: top;}
.box02 .txt{padding: 33px 24px 26px;position: relative;}
.box02 .txt strong{display: block;color: #616b85;font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.box02 .txt span{color: #646464;font-size: 18px;line-height: 26px;}
.box-list-4 .box .txt:after{background-position: -5px center;}

.con-class-intro{width: 1200px;margin: 168px auto 0;text-align: center;}
.con-class-intro .tab-area3{}
.con-class-intro .tab-area3 > h4{display: inline-block;position: absolute;left: 0;top: 0;}
.con-class-intro .tab-area3 > h4:nth-of-type(1){border-left: 1px solid #e3e3e3;background-image: none;}
.con-class-intro .tab-area3 > h4:nth-of-type(2){left: 300px;}
.con-class-intro .tab-area3 > h4:nth-of-type(3){left: 600px;border-right: 1px solid #e3e3e3;}
.con-class-intro .tab-area3 > h4:nth-of-type(4){left: 903px;}
.con-class-intro .tab-content2{margin-top: 60px;padding-top: 110px;}

.tab-title3{float: left;width: 300px;height: 78px;text-align: center;background:#fbfbfc url("../images/bg_classstep.png") 0 0 no-repeat;padding-left: 30px;box-sizing: border-box;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
.tab-title3 a{color: #192d5a;font-size: 18px;font-weight: bold;line-height: 76px;padding: 0;text-indent: -20px;}
.tab-title3.on{color: #fff;background:#487fff url("../images/bg_classstep_before.png") 0 0 no-repeat;}
.tab-title3.on a,.tab-title3.last a{color: #fff;}
.tab-title3.on + div + h4{background:#fbfbfc url("../images/bg_classstep_on.png") 0 0 no-repeat;}
.tab-title3.on + div + h4.tab-title3.last{background:#b28720;}
h4.tab-title3.last{background: #b28720;border: 1px solid #e3e3e3;width: 295px;}

.tab-content3{padding-top: 78px;}

.tab-content3 .class-int-con{padding: 75px 120px;margin: 0 auto;box-sizing: border-box;text-align: left;}
.class-int-con h4{font-size: 20px;color: #5f6883;font-weight: bold;margin-left: -20px;padding-bottom: 5px;}
.class-int-con h4 + p{font-size: 18px;color: #5f6883;line-height: 30px;margin-bottom: 25px;}
.class-int-con div{border: 1px solid #ececec;background: #fff;margin: 0 auto;padding:25px 50px;box-sizing: border-box;}
.class-int-con h5{color: #787878;font-size: 18px;font-weight: bold;}
.class-int-con ul::after{display: block;content: '';clear: both;}
.class-int-con li{float: left;width: 50%;font-size: 18px;color: #787878;line-height: 26px;text-align: left;padding-left: 15px;padding-right: 20px;box-sizing: border-box;position: relative;}
.class-int-con li::after,.class-int-con.special p::after{display: block;content: '-';color:#787878;position: absolute;left: 0px;top: 0;}

.class-int-con.special{padding: 75px 105px;}
.class-int-con.special h3{font-size: 32px;color: #192d5a;font-weight: bold;}
.class-int-con.special h3 + p{font-size: 18px;color: #192d5a;padding-left: 0;}
.class-int-con.special h3 + p::after{display: none;}
.class-int-con.special h4{margin-left: 0;margin-top: 35px;}
.class-int-con.special p{font-size: 18px;color: #616b85;line-height: 30px;padding-bottom: 9px;padding-left: 20px;position: relative;}
.class-int-con.special h4 + p{margin: 0;}
.class-int-con.special div{margin-top: 20px;margin-bottom: 50px;}
.class-int-con.special li{width: 100%;padding-left: 200px;}
.class-int-con.special li::after{display: none;}

.con-greetings{font-size: 18px;color: #646464;line-height: 27px;text-align: left;margin-top: 38px;margin-bottom:55px;}
.con-greetings::after{display: block;content: '';clear: both;}
.con-greetings h3{font-size: 30px;color: #7b8297;margin-top: 43px;margin-bottom: 105px;text-align: center;}
.con-greetings > img{margin-left: 45px;}
.con-greetings > div{width: 745px;float: right;padding:0 30px 290px 110px;box-sizing: border-box;}
.con-greetings p{color: #192d5a;font-size: 22px;font-weight: 500;line-height: 31px;margin-bottom: 15px;}
.con-greetings > div > div{padding-top: 20px;}
.con-greetings > div > div img{position: relative; top:20px;}
.con-greetings div span{font-size: 20px;font-weight: bold;color: #646464;margin-right: 15px;}

.con-branch h3{font-size: 30px;color: #7b8297;margin-top: 43px;margin-bottom: 35px;text-align: center;}
.con-branch ul{padding: 55px 0 200px;}
.con-branch ul::after{display: block;content: '';clear: both;}
.con-branch ul li{float: left;width: 513px;height: 202px;border: 1px solid #dedee0;padding: 16px 20px 23px;margin-bottom: 20px;text-align: left;box-sizing: border-box;margin-right: 14px;}
.con-branch ul li:nth-child(2n){margin-right: 0;}
.con-branch ul li h4{font-size: 22px;color: #646464;font-weight: 500;padding-bottom: 9px;border-bottom: 1px solid #dedee0;margin-bottom: 16px;text-indent: 50px;position: relative;}
.con-branch ul li h4::after{display:inline-block;content:'';width: 25px;height: 25px;background: url('../images/sprite_icon.png') no-repeat center -890px;background-size: 40px auto;
position:absolute;top:3px;left:20px;}
.con-branch ul li div span{display: block;font-size: 20px;margin-bottom: 4px;padding-left: 20px;font-weight: 300;}
.con-branch ul li div span strong{font-weight: 500;padding-right: 12px;}

.con-chart{background: #fff;text-align: center;padding: 45px 0 55px !important;}
.con-chart h3{font-size: 30px;color: #7b8297;margin-bottom: 0 !important;}
.con-chart > img{padding: 70px 0 170px;}
.con-chart > div{margin-bottom: 50px;font-size: 15px;}
.con-chart ul::after{display: block;content: '';clear: both;}
.con-chart div p{font-size: 18px;color: #646464;border-bottom: 2px solid #2e323b;padding-bottom: 30px;margin-bottom: 80px;}
.con-chart div > ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.con-chart div > ul > li{float: left;text-align: left;color: #6f6e6e; border: 1px solid #e5e5e5;}
.con-chart div > ul > li img{width: 270px;}
.con-chart div > ul > li dl{padding-left: 20px;padding-right: 30px;box-sizing: border-box;}
.con-chart div > ul > li dl dt{color: #5c5c5c;font-size: 14px;font-weight: bold;margin-bottom: 20px;margin-top: 34px;}
.con-chart div > ul > li dl dt strong{font-size: 18px;padding-right: 5px;position: relative;}
.con-chart div > ul > li dl dt strong::after{display: block;content: '';width: 30px;height: 1px;background: #969595;position: absolute;left: 0;bottom: -12px;}
.con-chart div > ul > li dl dd { margin-bottom: 30px; }
.con-chart div > ul > li dl dd strong{display: inline-block;width: 50px;color: #424f70;}

.privacy{padding: 0 !important;}
.privacy > div{font-size: 18px;color: #2e323b;padding:50px 20px 150px;}
.privacy > div > div{position: relative;}
.privacy > div > div::after{display: block;content: '';width: 100%;height: 1px;background: #d5d6d8;position: absolute;left: 0;bottom: -40px;}
.privacy > div strong{color: #2e323b;font-weight: bold;}

.footer-content {position:relative}
.footer-content > div:after{content:'';display:block;clear:both}
.footer-content > div:first-child{margin-bottom:30px;color:#fff}
.footer-content > div:first-child p{float:left;margin-right:20px;font-size:14px;line-height:1.6}
.footer-content > div > p{line-height:2.6}
.footer-content > div > p span{color:#a8a8a8}
.footer-content nav{float:left}
.footer-content nav a{display:table-cell;height:22px;padding:;vertical-align:middle;color:#fff}
.footer-content nav a:before{display:inline-block;content:'|';width:25px;padding-left:20px;color:#5c5c5c}
.footer-content nav a:first-child:before{content:''}
.footer-content .select-box{position:absolute;top:30px;right:50px}

.class-course-list{width:100%;padding: 0 70px;box-sizing: border-box;}
.class-course-list > div{width: 100%;font-family: 'NanumSquare';text-align: left;}
.class-course-list dt,.class-course-list dd{font-size: 14px;color: #808080;line-height: 1.3;border-bottom: 1px solid #b4b4b4;}
.class-course-list dt{height: 90px;font-size: 22px;color: #022a5d;font-weight: 600;line-height: 90px;background: #f7f8fa; border-top: 2px solid #1e1e1e;margin-top: 11px;padding: 0 70px 0 34px;position: relative;cursor: pointer;}
.class-course-list dt > span{font-size: 18px;color: #1e1e1e;position: absolute;right: 70px;}
.class-course-list dt > span::after,.class-course-list dt.on > span::after{display: inline-block;content:'';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 12px solid #487fff;
position: absolute;top: 38px;right: -32px;}
.class-course-list dt > span::after{
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);}
.class-course-list dt.on > span{color: #898989;}
.class-course-list dt.on > span::after{top: 40px;
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);}
.class-course-list dd{color: #1e1e03;background: #fff;padding: 25px 65px 15px;}
.class-course-list dd h5{font-size: 24px;font-weight: 600;padding-bottom: 5px;}
.class-course-list dd li{font-family: 'Roboto', sans-serif;line-height: 1.8;font-size: 16px;font-weight: 400;padding-left: 5px;padding-bottom: 3px;}
.class-course-list dd > ol > li{font-size: 18px;font-weight: 600;padding-bottom: 5px;}

/* 191113 add */
.kema-ex{font-size: 17px;color: #646464;line-height: 26px;padding:0 100px 50px;}
.kema-ex > div{padding-top: 30px;text-align: right;}
.kema-ex > div > span{display: inline-block;font-size: 15px;color: #353633;text-decoration: underline;position: relative;padding-left: 40px;line-height: 22px;}
.kema-ex > div > span:first-child::after{display: block;content:'';width: 1px;height: 11px;background: #93949a;position: absolute;right: -23px;top: 6px;}

/* ie8 */
@media \0screen {

.sales-channel a{line-height:2.4}

}