﻿@charset "utf-8";

@font-face {
  font-family: 'NanumSquareR';
  src: url("/fonts/NanumSquareR.eot");
  src: url("/fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), 
	   url("/fonts/NanumSquareR.woff") format("woff"), 
	   url("/fonts/NanumSquareR.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; 
}
@font-face {
  font-family: 'NanumSquareB';
  src: url("/fonts/NanumSquareB.eot");
  src: url("/fonts/NanumSquareB.eot?#iefix") format("embedded-opentype"), 
	   url("/fonts/NanumSquareB.woff") format("woff"), 
	   url("/fonts/NanumSquareB.woff2") format("woff2");
  font-weight: normal;
  font-style: normal; 
}

@font-face {
 font-family: 'NanumSquareL';
 font-weight: 300;
 src: url(/fonts/NanumSquareL.eot);
 src: url(/fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(/fonts/NanumSquareL.woff) format('woff'),
      url(/fonts/NanumSquareL.ttf) format('truetype');
}

@font-face{ 
	font-family:NotoSansKR-Black; 
	src:
		url(/fonts/NotoSansKR-Black.woff) format('woff'),
		url(/fonts/NotoSansKR-Black.woff) format('woff'),
		url(/fonts/NotoSansKR-Black.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Black.otf) format('opentype'); 
}
@font-face{ 
	font-family:NotoSansKR-Bold; 
	src:url(/fonts/NotoSansKR-Bold.woff) format('woff'),
		url(/fonts/NotoSansKR-Bold.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Bold.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Light; 
	src:url(/fonts/NotoSansKR-Light.woff) format('woff'),
		url(/fonts/NotoSansKR-Light.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Light.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Medium; 
	src:url(/fonts/NotoSansKR-Medium.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Regular; 
	src:url(/fonts/NotoSansKR-Regular.woff) format('woff'),
		url(/fonts/NotoSansKR-Regular.woff2) format('woff2'),
		url(/fonts/NotoSansKR-Regular.otf) format('opentype'); 

}
@font-face{ 
	font-family:NotoSansKR-Thin; 
	src:url(/fonts/NotoSansKR-Thin.otf) format('opentype'); 

}

@font-face{ 
	font-family:NanumMj; 
	src:
	url(/fonts/NanumMyeongjo.otf) format('opentype'),
	url(/fonts/NanumMyeongjo.woff) format('woff'); 

}

@font-face {
    font-family: 'YdestreetB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/YdestreetB.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'YdestreetL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/YdestreetL.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Y_Spotlight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/Y_Spotlight.woff') format('woff');
    font-weight: bold;
    font-style: normal;    
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.nlight {font-family: 'NanumSquareL';}
.nnormal {font-family: 'NanumSquareR';}
.nbold {font-family: 'NanumSquareB';}

.bold_mid {font-weight:700}

*{margin:0;padding:0; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:auto; box-sizing:border-box; outline:none;}
::selection {
  color: #fff;
  background: rgba(0,0,0,.99);
}
table{border:0;border-spacing:0;border-collapse:collapse;width:100%; table-layout:fixed; word-break:break-all;}
ul,ol,li,dl,dt,dd{list-style:none}
img,fieldset,iframe{border:0 none}
img {vertical-align:middle}
textarea{resize:none}
input:focus, textarea, button, img, a:link {outline:none;}
input,select,textarea,button{font-size:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-size:100%; margin:0; padding:0; letter-spacing:-0.04em; }
address,strong,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
body{width:100%;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
button {border:none; background-color:transparent;}
label {cursor:pointer;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {display:block;}
strong{font-weight:bold;}
p{margin:0; padding:0;}

a,a:link{text-decoration:none; color:#333} 
a:visited{text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
a:active{text-decoration:none;} 

body,input,select,textarea,button{position:relative; font-size:12px; line-height:1.4; font-family:"Malgun Gothic", "malgun gothic", "Arial", "Tahoma", "Dotum", "Gulim", "serif"; color:#666;} 

.hide,legend,caption,figcaption{position:absolute;left:-9999px;height:1px;width:1px;overflow:hidden;text-indent:-9999px;visibility:hidden}

div {position:relative}
table{font-size: 12px;}

/* ---------------------------------------------- /*
 * Default
/* ---------------------------------------------- */

body {/* background:#222735; */}
#wrap {width:100%; min-width:1180px; position:relative; top:56px; height:auto; background:#fff;}
.content {width:1180px; margin:0 auto; display:block; height:auto; position:relative}
.content.full {width:100%}

.clear {clear:both;}
.hidden {display:none;}
.vhidden {    
	visibility: hidden !important;
    height: 0 !important;
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
}


section article {display:inline-block; float:left; height:100%;}
section:after {clear:both;}

input[type='text'],
input[type='password'],
input[type='name'],
input[type='tel'],
input[type='search'] {height:28px; font-size:13px; margin:0;border:1px solid #ccc; color:#333; padding:0px 5px; vertical-align: middle; min-width:85px;}
input[type='textarea'] {font-size:13px; margin:0; border:1px solid #ebebeb; color:#333; padding:0px 5px; vertical-align: middle;}
input[type='checkbox'] {border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-border-radius:3px; padding:0; border:0; margin-top:0; margin-top:2px;}
input[type='radio'] {background:#fff; border:solid 1px #c9c9c9; height:16px; width:16px; -webkit-appearance:none; -webkit-border-radius:10px; padding:0; margin-top:0; margin-top:-1px;} /*  border:0 \0/IE8+9; */
input[type='radio']:checked {background:#fff; border:solid 1px #c9c9c9;}
input[type='radio']:checked:after {content:""; display:block; width:8px; height:8px; background:#666; position:relative; top:3px; left:3px; -webkit-border-radius:5px;} 
select {height:28px; font-size:13px; margin:0; border:1px solid #ccc; color:#333; padding-left:5px; vertical-align: middle; min-width:85px;}
textarea {width:100%; padding:15px; font-size:13px; border:1px solid #ccc; color:#333;}
input[type=text]::-ms-clear {display:none;}


/* ---------------------------------------------- /*
 * Top
/* ---------------------------------------------- */

#top {width:100%; height:44px; background-image:url("../img/common/top_bg.png"); background-repeat:repeat-x; z-index:900;}
.topBranch {display:inline-block;}
.topBranch li {display:inline-block; float:left; text-indent:-9999px; height:42px; background-repeat:no-repeat; background-size:fixed; background-position:center center;}
.topBranch li a {display:block; width:100%; height:100%;}
.topBranch .topB001 {width:175px; background-image:url("../img/common/top_logo.png");}
.topBranch .topB002 {width:61px; background-image:url("../img/common/top_location_gn.png");}/* 강남 */
.topBranch .topB003 {width:86px; background-image:url("../img/common/top_location_sc2.png");}/* 신촌 */
.topBranch .topB004 {width:86px; background-image:url("../img/common/top_location_ic2.png");}/* 인천 */
.topBranch .topB005 {width:61px; background-image:url("../img/common/top_location_bs.png");}/* 부산 */
.topBranch .topB006 {width:61px; background-image:url("../img/common/top_location_dg.png");}/* 대구 */
.topBranch .topB007 {width:86px; background-image:url("../img/common/top_location_gj2.png");}/* 광주 */
.topBranch .topB008 {width:86px; background-image:url("../img/common/top_location_dj.png");}/* 대전 */

.topBranch .topB001.current, .topBranch .topB001:hover {background-image:url("../img/common/top_logo_on.png");}
.topBranch .topB002.current, .topBranch .topB002:hover {background-image:url("../img/common/top_location_gn_on.png");}
.topBranch .topB003.current, .topBranch .topB003:hover {background-image:url("../img/common/top_location_sc2_on.png");}
.topBranch .topB004.current, .topBranch .topB004:hover {background-image:url("../img/common/top_location_ic2_on.png");}
.topBranch .topB005.current, .topBranch .topB005:hover {background-image:url("../img/common/top_location_bs_on.png");}
.topBranch .topB006.current, .topBranch .topB006:hover {background-image:url("../img/common/top_location_dg_on.png");}
.topBranch .topB007.current, .topBranch .topB007:hover {background-image:url("../img/common/top_location_gj2_on.png");}
.topBranch .topB008.current, .topBranch .topB008:hover {background-image:url("../img/common/top_location_dj_on.png");}


.topBtn {display:inline-block; position:absolute; top:0px; right:0px; font-family:"dotum"; font-size:11px;}
.topBtn li {display:inline-block; float:left;}
.topBtn li a {display:inline-block; color:#616161; line-height:42px; height:42px;}
.topBtn li a span {border-right:solid 1px #ccc; padding:0px 10px;}
.topBtn li .topLogOutBtn, .topBtn li .topJoinBtn {padding:0px 10px;}
.topBtn li .topLoginBtn {margin:10px 0px; padding:0px 8px; border:solid 1px #c2c2c2;  line-height:22px; height:22px; vertical-align:middle;}
.topBtn li:last-child {margin-left:18px;}


/* ---------------------------------------------- /*
 * GNB
/* ---------------------------------------------- */

#header {width:100%; height:auto; position:fixed; top:28px; left:0px; z-index:1000;}
#header.headerFix42 {position:fixed !important; top:34px;}
#gnb {width:100%; height: 76px; border-bottom:solid 1px #b6b4b6; z-index:800;
		-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; 
		background: transparent; background-color: white; position:fixed; z-index:1000;}
#gnb h1 { width: 118px; padding:17px 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;z-index:2; float: left;}
#gnb h1 a img{width: 100%;}
#gnb h1 a {display:inline-block;}

#gnb div.header {width: 118px; padding:17px 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;z-index:2; float: left;}
#gnb div.header a img{width: 100%;}
#gnb div.header a {display:inline-block;}

.gnbMenu {/*position:absolute; top:0px; right:0px;*/ display: inline-block; /*float: right;*/ margin-left: 52px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; /*text-align:center;*/ /*width:100%;*/}
.gnbMenu ul {display:inline-block;}
.gnbMenu ul li {
	position:relative;
	display:inline-flex; float:left; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
	align-items:center
	}
.gnbMenu ul li:last-child {padding-right:0px; }
/*.gnbMenu ul li a {display:inline-block; letter-spacing:-0.075em; color:#333; font-size:14px; font-family:"Noto Sans KR"; line-height:83px; width:125px; height:83px; box-sizing:border-box; -webkit-transition-property: line-height; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; transition-property: line-height; transition-duration: 0.5s; transition-timing-function: ease;}*/
/*.gnbMenu ul li a {display:inline-block; letter-spacing:-0.075em; color:#333; font-size:14px; font-family:"Noto Sans KR"; line-height:83px; width:140px; height:83px; box-sizing:border-box; -webkit-transition-property: line-height; -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; transition-property: line-height; transition-duration: 0.5s; transition-timing-function: ease;}*/

/*
.gnbMenu ul li a {
	display:inline-block; letter-spacing:-0.075em; color:#404040; 
	font-size:14px; font-family:"Noto Sans KR", "Malgun Gothic", "malgun gothic", "Arial"; 
	font-weight: bold; line-height:83px; line-height:76px; width:125px; height:83px; 
	height:76px; box-sizing:border-box; -webkit-transition-property: line-height; 
	-webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease; 
	transition-property: line-height; transition-duration: 0.5s; 
	transition-timing-function: ease;}
*/	
 .gnbMenu ul li:nth-child(2) { width:135px; } 


.gnbMenu ul li.gnbOn {background:#f3f4f4}
.gnbMenu ul li.gnbOn::after {content:""; display:block; width:100%; height:4px; background:#000; position:absolute; bottom:0; left:0; }

.gnbMenu ul li {height:76px; width:125px}
.gnbMenu ul li a {height:auto; line-height:40px; color: #404040;
    font-size: 14px;
    /* font-family: "Noto Sans KR", "Malgun Gothic", "malgun gothic", "Arial"; */
	font-family:"NotoSansKR-Bold";

    display:block;
    width:100%
    }



.gnbFix42 {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
	background-color: #f3f4f4 !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc1D212E, endColorStr=#cc1D212E); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#cc1D212E, endColorStr=#cc1D212E)"; 
	zoom: 1; 
}
.gnbFix142 {height:50px !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.gnbFix142 .rightMenu{top:16px !important}
.gnbFix142 h1 {width:100px !important; padding:10px 0px !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.gnbFix142 h1 img {width:100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.gnbFix142 .gnbMenu li {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.gnbFix142 .gnbMenu li a {line-height:50px !important; height:60px !important;}


.gnbDropMenu {width:100%; height:310px; background-color:#fff; color:#333; z-index:900; text-align:center; display:none; /*background-color:rgba(255, 255, 255, 0.97);*/ background-color: #ffffff; border-bottom:solid 1px #ebebeb; position: fixed; top: 104px; z-index: 1000;}

/*.gnb2Depth {display:inline-block; height:280px;}*/
.gnb2Depth {display:inline-block; height:310px; float: left; margin-left: 20px;}   /*--->브랜드대상으로 인해 바뀐css*/


/*.gnb2Depth > li {display:inline-block; float:left; width:125px; height:100%; text-align:center; font-size:15px; font-family:"Noto Sans KR";}*/
.gnb2Depth > li {display:inline-block; float:left; width:125px; height:100%; text-align:center; font-size:15px; font-family:"Noto Sans KR"; position:relative}
.gnb2Depth > li:nth-child(2) { width:135px; }/*자격증과정*/
.gnb2Depth > li > ul {display:inline-block; width:100%; height:99%; padding:10px 0px 5px 0px; border-left:solid 1px #ebebeb; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.gnb2Depth > li:last-child ul {border-right:solid 1px #ebebeb;}
.gnb2Depth > li > ul > li {display:inline-block; width:100%; position:relative;}
.gnb2Depth > li > ul > li a {display:inline-block; width:100%; font-size:12px; font-family:Dotum; padding:5px 0px; /*color:#a1a1a1;*/ color: #666; letter-spacing:-0.05em;
line-height:1; font-family:"NotoSansKR-Regular"
}
.gnb2Depth > li > ul > li a:hover {color:#333; font-weight: bold;}
.gnb2Depth > li > ul.gnbOn {/*background-color:rgba(255, 255, 255, 0.8);*/ background-color: #f3f4f4;}

.gnb2Depth > li:nth-child(1) .flag-arr { 
	display:block; width:17px; height:17px; background:url('/img/common/gnbmenu-flag-arrow.png') no-repeat 0 0;
	position:absolute; bottom:25px; left:0; right:0; margin:auto
}


/* ---------------------------------------------- /*
 * Quick Menu
/* ---------------------------------------------- */

.rightQuick {position:fixed; z-index:5000; top:141px; right:0px; display:inline-block; width:96px; height:100%; background-color:#262a39; border-left:solid 1px #3d4150; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.rightFixed42 {top:98px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.rightFixed142 {top:48px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.rightQuickList {display:inline-block; width:100%;}
.rightQuickList li {display:inline-block; width:100%; border-bottom:solid 1px #3d4150;}
.rightQuickList li:last-child {border-bottom:none; padding-top:10px; height:auto;}
.rightQuickList li a {display:inline-block; width:100%;}

.rightQuickList li:last-child a {background:url("../img/common/right_quick_btn_top.png")no-repeat; margin-top:15px; height:30px;}
.rightQuickList li:last-child a:hover {background:url("../img/common/right_quick_btn_top_on.png")no-repeat;}
.rightTell {text-align:center; color:#fff; font-size:13px; font-weight:300; letter-spacing:-0.04em;}

.quickConsult {position:absolute; top:30px; right:110px; cursor:pointer; visibility: visible; opacity:1.0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.quickConsultHide {position:absolute; top:30px; right:70px; opacity:0; visibility: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.quickConsultHide span {display:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.quickConsultOpen {right:110px; opacity:1.0; visibility: visible; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.quickConsultOpen span {display:block; position:absolute; right:20px; bottom:15px; cursor:pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.quickConsultClose {font-size:30px; color:#fff;}
.quickConsultOff {visibility: hidden; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.quickConsultInput {position:absolute; left:4px; top:82px; width:210px; height:316px; padding:17px; text-align:center;}
.quickConsultTable {width:100%;}
.quickConsultTable tr {}
.quickConsultTable tr th {text-align:left; font-weight:bold; letter-spacing:-0.05em; font-family:Malgun Gothic; letter-spacing:-0.075em;}
.quickConsultTable tr td input, .quickConsultTable tr td select {width:100%; height:20px; border:solid 1px #ccc; float:left; margin-bottom:3px;}
.quickConsultTable tr td textarea {width:173px; height:110px; border:solid 1px #ccc; padding:10px; font-weight:normal;}
.quickConsultInput p {display:inline-block; margin-top:15px; width:100%; font-family:"dotum"; font-size:11px;}
.quickConsultInput p input {margin-top:-3px;}
.quickConsultInput p label {margin-left:4px; letter-spacing:-0.12em; color:#434343;}
.quickConsultInput p a {color:#434343; margin-left:6px;}
.quickConsultSend {display:inline-block; padding:5px 14px; color:#fff; background-color:#2d2d2d; font-family:"dotum"; font-size:11px; margin-top:6px;}
.quickConsultTell select {width:46px; min-width: 46px; max-width:46px; font-size:12px; padding:0px;}
.quickConsultTell input {width:35px; min-width: 35px; max-width:35px; font-size:12px; padding:0px;}
.quickConsultTell span {letter-spacing:-0.2em;}


/* ---------------------------------------------- /*
 * Footer
/* ---------------------------------------------- */

#footer {padding-top:50px; padding-bottom:90px;}
.footerCampusList {display:inline-block; font-family:"dotum"; font-size:11px;}
.footerCampusList img {display:block;}
.footerCampusList iframe {position:absolute; top:2px; left:165px;}
.footerCampusList ul {display:inline-block; margin-top:20px;}
.footerCampusList ul li {display:block;}
.footerCampusList ul li span {color:#7797b0;}

.footerAddress {display:inline-block; margin-left:60px; color:#636876; font-family:"dotum"; line-height:18px; font-size:11px; position:absolute; top:0px; right:0px;}
.footerAddress a {color:#636876;}
.footerAddress span {color:#7797b0;}

.footerMenu {display:inline-block; margin-bottom:20px;}
.footerMenu li {display:inline-block; float:left; padding:0px 12px; border-right:solid 1px #636876;}
.footerMenu li:first-child {padding-left:0px;}
.footerMenu li:last-child {border-right:none;}
.footerMenu:after {clear:both;}

.familyBtn {border:solid 1px #77767b; padding:10px 6px; width:160px; color:#77767b; background:url("../img/common/familySite_btn.png")no-repeat; background-position:140px center; position:absolute; bottom:0px; right:0px; cursor:pointer;}
.familyBtn:hover {color:#fff;}
.familyBtnOn {background:url("../img/common/familySite_btnOn.png")no-repeat; background-position:140px center; color:#fff;}
.familySite {position:absolute; bottom:38px; right:0px; width:160px;}
.familySite ul {display:inline-block; z-index:999;}
.familySite ul li {display:inline-block;}
.familySite ul li a {display:inline-block; width:160px; padding:10px 6px; border:solid 1px #77767b; background-color:#222735; border-bottom:none;}
.familySite ul li a img {opacity:0.7;}


/* ---------------------------------------------- /*
 * subLocation
/* ---------------------------------------------- */

.subLocation {width:100%; height:60px; position:relative;}
.subLocation h2 {font-weight:500; color:#1d212e; font-size:30px;}
.locationMap {display:inline-block; position:absolute; top:20px; right:0; font-family:"dotum"; color:#6f6f6f;}
.locationMap strong {font-weight:bold; color:#434343;}
.subLocationCurri {height:60px; border-bottom:solid 2px #d8e0e5;}


/* ---------------------------------------------- /*
 * subMenu (Tab)
/* ---------------------------------------------- */

.subMenu {width:100%; height:62px; position:relative;}
.subMenu02 {width:100%; display:inline-block;}
.subMenu02 li {width:50%; float:left;}
.subMenu02 li a {display:inline-block; position:relative; width:100%; height:62px; line-height:62px; text-align:center; color:#939597; font-size:16px; letter-spacing:-0.025em; background-color:#e8ecf0;}
.subMenu02 li a em {position:absolute; top:0px; left:0px; width:100%; height:4px; background-color:#ed2024; display:none;}
.subMenu02 li.current a {background-color:#e8ecf0; background-color:#fff; color:#ed2024;}
.subMenu02 li.current a em {display:block;}

.subMenu04 {width:100%; display:inline-block;}
.subMenu04 li {width:25%; float:left;}
.subMenu04 li a {display:inline-block; position:relative; width:100%; height:62px; line-height:62px; text-align:center; color:#939597; font-size:16px; letter-spacing:-0.025em; background-color:#e8ecf0;}
.subMenu04 li a em {position:absolute; top:0px; left:0px; width:100%; height:4px; background-color:#ed2024; display:none;}
.subMenu04 li.current a {background-color:#e8ecf0; background-color:#fff; color:#ed2024;}
.subMenu04 li.current a em {display:block;}

.subMenu05 {width:100%; display:inline-block;}
.subMenu05 li {width:20%; float:left;}
.subMenu05 li a {display:inline-block; position:relative; width:100%; height:62px; line-height:62px; text-align:center; color:#939597; font-size:16px; letter-spacing:-0.025em; background-color:#e8ecf0;}
.subMenu05 li a em {position:absolute; top:0px; left:0px; width:100%; height:4px; background-color:#ed2024; display:none;}
.subMenu05 li.current a {background-color:#e8ecf0; background-color:#fff; color:#ed2024;}
.subMenu05 li.current a em {display:block;}

.subMenu06 {width:100%; display:inline-block;}
.subMenu06 li {width:16.6666%; float:left;}
.subMenu06 li a {display:inline-block; position:relative; width:100%; height:62px; line-height:62px; text-align:center; color:#939597; font-size:16px; letter-spacing:-0.025em; background-color:#e8ecf0;}
.subMenu06 li a em {position:absolute; top:0px; left:0px; width:100%; height:4px; background-color:#ed2024; display:none;}
.subMenu06 li.current a {background-color:#e8ecf0; background-color:#fff; color:#ed2024;}
.subMenu06 li.current a em {display:block;}

.subMenu07 {width:100%; display:inline-block;}
.subMenu07 li {width:14.2857%; float:left;}
.subMenu07 li a {display:inline-block; position:relative; width:100%; height:62px; line-height:62px; text-align:center; color:#939597; font-size:16px; letter-spacing:-0.025em; background-color:#e8ecf0;}
.subMenu07 li a em {position:absolute; top:0px; left:0px; width:100%; height:4px; background-color:#ed2024; display:none;}
.subMenu07 li.current a {background-color:#e8ecf0; background-color:#fff; color:#ed2024;}
.subMenu07 li.current a em {display:block;}

.subMenu08 {width:100%; display:inline-block;}
.subMenu08 li {float:left; width:12.5%}
.subMenu08 li a {display:inline-block; position:relative; width:100%; height:62px; line-height:62px; text-align:center; color:#939597; font-size:16px; letter-spacing:-0.025em; background-color:#e8ecf0;}
.subMenu08 li a em {position:absolute; top:0px; left:0px; width:100%; height:4px; background-color:#ed2024; display:none;}
.subMenu08 li.current a {background-color:#e8ecf0; background-color:#fff; color:#ed2024;}
.subMenu08 li.current a em {display:block;}

.subMenu09 {width:100%; display:inline-block;}
.subMenu09 li {float:left; width:1.1111%;}
.subMenu09 li a {display:inline-block; position:relative; width:100%; height:62px; line-height:62px; text-align:center; color:#939597; font-size:16px; letter-spacing:-0.025em; background-color:#e8ecf0;}
.subMenu09 li a em {position:absolute; top:0px; left:0px; width:100%; height:4px; background-color:#ed2024; display:none;}
.subMenu09 li a span {line-height:130%; font-size:16px; position:absolute; top:13px; left:0px; display:inline-block; width:100%;}
.subMenu09 li.current a {background-color:#e8ecf0; background-color:#fff; color:#ed2024;}
.subMenu09 li.current a em {display:block;}


/* ---------------------------------------------- /*
 * subTuition
/* ---------------------------------------------- */

.subTuition {position:relative; padding:80px 15px 140px; border-top:solid 1px #ddd;}
.subTuitionTitle {color:#4d4d4d; text-align:center;}
.subTuitionTitle h3 {color:#4d4d4d; text-align:left; font-size:28px;}
.subTuitionTitle h4 {font-size:23px;}
.subTuitionTitle p {font-size:15px; font-family:Malgun Gothic; line-height:1.4em; margin-top:10px; letter-spacing:-0.075em;}
.subTuitionTable {margin-top:10px;}
.subTuitionTable tbody {border-top:solid 2px #434343; border-bottom:solid 2px #434343;}
.subTuitionTable tr {border-bottom:solid 1px #e2e2e2;}
.subTuitionTable tr th {background-color:#f2f5f7; color:#383737; text-align:center; font-size:14px; font-family:Malgun Gothic;}
.subTuitionTable tr td {padding:13px 20px; height:55px;}
.subTuitionTable tr:nth-child(3) td input {width:210px;}
.subTuitionLocation label {margin-left:5px; margin-right:10px; font-size:14px; font-family:Malgun Gothic; letter-spacing:-0.075em;}
.subTuitionInterest {display:inline-block; width:100%;}
.subTuitionInterest li {display:inline-block; width:17%; float:left; margin:6px 0px;}
.subTuitionInterest li input {vertical-align:middle; cursor:pointer;}
.subTuitionInterest li label {margin-left:5px; margin-right:10px; font-size:14px; font-family:Malgun Gothic; vertical-align:middle;}
.subTuitionSeminar {font-size:14px; font-family:Malgun Gothic; letter-spacing:-0.05em; font-weight:bold;}

.subPrivacy {margin-top:20px; position:relative;}
.subPrivacyCont {width:100%; height:140px; overflow-y:scroll; border:1px solid #cccccc; padding:20px; line-height:1.5; background-color:#f6f6f6; margin-top:20px; font-family:"dotum";}
.subPrivacyCont strong {font-weight:bold;}
.subPrivacyInfo {color:#626262; font-family:"dotum"; margin-top:10px;}
.subPrivacyChk {display:inline-block; position:absolute; right:0px; bottom:10px;}
.subTutionBtn {width:100%; text-align:center; margin-top:70px;}
.subTutionBtn a {display:inline-block;}


/* ---------------------------------------------- /*
 * subBtn
/* ---------------------------------------------- */

.subBtn {width:100%; height:60px; text-align:center; display:none;}
.subBtn ul {display:inline-block; width:1050px;}
.subBtn ul li {display:inline-block; float:left;}
.subBtn ul li a {display:inline-block;}


/* ---------------------------------------------- /*
 * subBanner
/* ---------------------------------------------- */

.subBanner {position:relative; min-height:210px;}
.subBanner .subBannerImg {position:absolute; left:0px; bottom:0px;}
.subBanner .subBannerBtn {position:absolute; left:0px; bottom:52px; width:100%; text-align:center;}
.subBanner .subBannerBtn a {display:inline-block;}

.subBanner .customerCall {display:inline-block; position:absolute; left:100px; top:145px; z-index:200; color:#8c8ba1; font-size:15px; font-family:Malgun Gothic;}
.subBanner .customerCall span {color:#fff; margin-left:4px;}
.subBanner .customerEmail {display:inline-block; position:absolute; left:270px; top:145px; z-index:200; color:#8c8ba1; font-size:15px; font-family:Malgun Gothic;}
.subBanner .customerEmail a {color:#fff; margin-left:4px;}


/* ---------------------------------------------- /*
 * paging
/* ---------------------------------------------- */

.paging {display:inline-block; width:100%; text-align:center; margin-top:30px;}
.paging li {display:inline-block; width:37px; height:37px; margin:0px 8px;}
.paging li a, .paging li b {display:inline-block; width:100%; height:100%; text-align:center; line-height:37px;}
.paging li a {color:#8e8e8e;}
.paging li b {color:#5f65c0; background-color:#e7ebef;}

.pageNumber {display:inline-block !important; width:100%; text-align:center;}
.pageNumber li {display:inline-block !important; width:37px !important; height:37px; margin:0px 8px;}


/* ---------------------------------------------- /*
 * Top Button
/* ---------------------------------------------- */

#scrollTop {position:fixed; bottom:30px; right:50%; margin-right:-662px; z-index:600; cursor:pointer; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#scrollTop.scrollVisible {opacity:0.8; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#scrollTop.scrollVisible:hover {opacity:1.0;}

#_hj_poll_container {display:none !important;}

/* NEW 아이콘 170106 */
.newIco00 {display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-3px;}
.newIco01 {position:absolute; top:-1px; right:12px;}
.newIco02 {position:absolute; top:-1px; right:-10px;}

.rightMenu{ float: right; margin-top: 28px; margin-left: 14px; margin-right: 1px; display: inline-block;}
.rightMenu ul li {display:inline-block; padding-left:0px;}
.rightMenu ul li a{font-size:11px; display:inline-block; padding-left:3px; color:#333; font-family:/*"Roboto", */sans-serif, dotum, '돋움'; font-weight:bold;}

#rQuick {left:50%; margin-left:620px; width:85px; height:85px; z-index:3; text-align:center; position:absolute;}
#rQuick > a {display:block;}
#rQuick .rQuickTit {margin:73px 0px 0px 0px;}
#rQuick .rQuickTop {margin-top:17px;}
#rQuick > ul {display:block;}
#rQuick > ul > li {display:block; width:85px;height:85px; border-top:none; position:relative;background:#0a1726;}
#rQuick > ul > li img {padding:15px 0 7px;}
#rQuick > ul > li p {font-family: 'Malgun Gothic'; font-size:11px; color:#f4f4f4; text-align:center;}
#rQuick .kakao {background:#fce000; }
#rQuick .kakao p {color:#3c1e20;}
#rQuick .top {background:none; width:65px; }
#rQuick .top img {padding:8px 0 !important;}

/*----------브랜드대상----------*/
.brandAwards{background: white; width: 100%; height: 34px; position: fixed; z-index: 1000; border-bottom: 1px solid #e4e4e4;}
.brandAwards .content .brandAwardsLeft{float: left; margin-left: -20px; height: 34px;}
.brandAwards .content .brandAwardsLeft .bA_leftIcon{float: left; height: 100%;}
.brandAwards .content .brandAwardsLeft .bA_leftIcon img{height: 100%;}
.brandAwards .content .brandAwardsLeft .bA_leftTxt{float: left; height: 100%; line-height: 34px; padding: 0px 4px; font-family:"Noto Sans KR", "Malgun Gothic", "malgun gothic", "Arial"; font-size: 13px; color: #777777; letter-spacing: -0.5px; word-spacing: -0.8px; font-weight: 600;}
.brandAwards .content .brandAwardsLeft .bA_leftTxt span{color: #ec4c4d;}
.brandAwards .content .brandAwardsRight{float: right;}
.brandAwards .content .brandAwardsRight .bA_right_box{float: left;}
.brandAwards .content .brandAwardsRight .bA_right_box .bA_rightIcon{float: left;}
.brandAwards .content .brandAwardsRight .bA_right_box .bA_rightTxt{margin-left: 5px; float: left; color: #4f4f4f; font-family:"Noto Sans KR", "Malgun Gothic", "malgun gothic", "Arial"; font-size: 12px; line-height: 34px;}
.brandAwards .content .brandAwardsRight .bA_rightLine{margin-left: 14px; margin-right: 14px; float: left; color: #ec4c4d; font-family:"Noto Sans KR", "Malgun Gothic", "malgun gothic", "Arial"; font-size: 8px; margin-top: 9px;}
.brandAwards .content .brandAwardsRight .bA_right_box .bA_rightTxt span{color: #ec4c4d; font-weight: 500;}
/*----------브랜드대상_e----------*/


/*----------브랜드대상new----------*/
.brandAwardsNew{background: white; width: 100%; height: 28px; top:0; position: fixed; z-index: 1000; border-bottom: 1px solid #dedede;}
.brandAwardsNew .content .bANew_left{float: left; margin-left: -14px; height: 28px; padding: 0px 15px; background: #2a2a2a; border-radius: 0px 0px 10px 10px;}
.brandAwardsNew .content .bANew_left .bA_leftTxt{float: left; height: 100%; line-height: 28px; font-family:"Noto Sans KR", "Malgun Gothic", "malgun gothic", "Arial"; font-size: 12.5px; color: white; letter-spacing: -0.5px; word-spacing: -0.8px; font-weight: 400;}
.brandAwardsNew .content .bANew_left .bA_leftTxt span{color: #ff4859; font-weight: 600; font-size: 12.5px;}

.brandAwardsNew .content .bANew_right{float: right; height: 28px;}
.brandAwardsNew .content .bANew_right .bANew_right_box{float: left; height: 28px; padding: 0px 10px; border-left: 1px solid #dedede;}
.brandAwardsNew .content .bANew_right .bANew_right_box:last-child{padding: 0px 10px 0px 23px;}
.brandAwardsNew .content .bANew_right .bANew_right_box .right_box_icon{float: left; line-height: 25px;}
.brandAwardsNew .content .bANew_right .bANew_right_box .right_box_txt{margin-left: 5px; float: left; color: #4f4f4f; font-family:"Noto Sans KR", "Malgun Gothic", "malgun gothic", "Arial"; font-size: 12px; line-height: 27px;}
.brandAwardsNew .content .bANew_right .bANew_right_box .right_box_txt span{color: #ec4c4d; font-weight: 500;}
/*----------브랜드대상new_e----------*/




#pbook_frm {}



