@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css');
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600;700;800;900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.5/dist/web/static/pretendard-std.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
/* 초기화 */
html {font-size:62.5%; overflow-y:scroll;}
@media (max-width:600px) {
	html {font-size:50%; overflow-y:scroll;}
}
body {
	margin:0;
	padding:0;
	font-size:1.5rem;
	letter-spacing:-0.06em;
	height:100%;
	font-family:'Noto Sans KR', sans-serif,'Play','Montserrat';
	background:#fff;
	color:#393939;
	min-width:320px;
}
html, h1, h2, h3, h4, h5, h6, form, fieldset {margin:0;padding:0;border:0; word-break:keep-all;}
h1, h2, h3, h4, h5, h6 {font-size: 2rem;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em}
button,input[type=submit] {cursor:pointer}
input[type=text], input[type=password], input[type=submit], input[type=image], button {-webkit-appearance:none}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], button {-webkit-appearance:none;cursor:pointer;padding:0}
textarea, select {font-size:1.5rem;font-family:'Noto Sans Korean', sans-serif}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
ul,li,dl,dt,dd {padding:0;margin:0}
ul {list-style:none}
img {max-width:100%;}
*, *:before, *:after {box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
*,:after,:before {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
#btn_frmline{
	background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px; outline: none;
	font-family: inherit; height: 45px; border-radius: .5em;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
font-family:inherit;
color:#777;
width: 450px;

}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 10px;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ddd;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ddd;
}

table {border-collapse: collapse;}
.table-wr {overflow-x: auto; white-space: nowrap; margin-bottom:3em; padding-bottom:2em;}
.inner1280 {width:100%; max-width:1280px; margin:0 auto; overflow:hidden; position:relative;}
.inner1600 {width:100%; max-width:1600px; margin:0 auto; overflow:hidden; position:relative;}
.innerfull {width:100%; margin:0 auto; overflow:hidden; position:relative;}
.font-mont {font-family:"Montserrat", sans-serif;}
.font-play {font-family:"Play", sans-serif;}
.font-scd { font-family:'S-CoreDream-7ExtraBold';}
.p-blue {color:#114b90!important;}
.p-sblue {color:#0085e6!important;}
.p-red {color:red;}
.clear:after{content:"";display:block; clear:both;}
/*paging*/
.pager {
	width: 100%;
    margin: 50px auto 0;
    text-align: center;
    display: inline-block;
}
.pager-body {display:inline-block;}
.pager-body a {
    width: 40px;
    height: 40px;
    border-radius: 100px;
    line-height: 38px;
    border: 1px solid #aaaaaa;
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    float: left;
    margin: 0 2px;
    display: block;
    box-sizing: border-box;
    position: relative;
}
.pager-body a.on {
    background: #999999;
    color: #fff;
    border: none;
    line-height: 38px;
}
.pager-body a img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {width:auto!important;}
.hd_pops img { width:100%; max-width:100%;height:auto}
.hd_pops_footer {position:relative; overflow:hidden; padding:10px 0;background:#000;color:#fff;text-align:right;}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

@media (max-width:500px){
	.hd_pops {
		left: 50%!important;
		transform: translateX(-50%);
		width: 95%;
	}
	.hd_pops_con {width:100%!important;  height:auto!important;}
}

/* 상단 레이아웃 */
#hd {position:relative}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_wr {width:100%;background:#fff;border-bottom:1px solid #eee}
#hd_wr_inner {position:relative;margin:0 auto;width:95%; max-width:1820px;}
.search_toggle span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
    margin-right: .4em;
    position: absolute;
    top: .6em;
    left: 0;
}
.hd_right_btn {position:absolute;top:10px;right:0;margin-top:20px; z-index:100;}
.hd_right_btn button {
	border: none;
    background: none;
	width:auto;
    height: 35px;
    padding-left: 3em;
    margin-left: 3px;
    font-size: 1.2em;
    position: relative;
}
.hd_right_btn .top-search {width:23px; height:23px; display:block; background:url('/img/main/search_icon.png')no-repeat center; background-size:cover;}
.hd_right_btn .hd_news_btn i {
    width: 28px;
    height: 35px;
    display:inline-block;
    background: url('/img/main/news_icon.png')no-repeat center;
    background-size: cover;
	margin-left:.4em;
}
.hd_right_btn>a {float:left;display:inline-block;width:35px;height:35px;line-height:35px;margin-left:3px;border:0;background:0;text-align:center;font-size:1.2em;vertical-align:top;color:#3c3c3c}
.hd_right_btn .cart {position:relative}
.hd_right_btn .cart .cart-count {position:absolute;top:20%;right:0px;display:block;height:16px;line-height:16px;background:#ff4444;font-size:11px;color:#fff;padding:0 5px;border-radius:50%}
.top-menu {overflow:hidden; text-align:right; display:block;}
.top-menu li {display:inline-block;}
.top-menu li a { font-size:1.4rem; color:#5e5e5e;}
.top-menu li:after {content:'I'; font-family:"Montserrat", sans-serif; font-weight:200; color:#cecece; margin:0 .6em;}
.top-menu li:last-child::after {display:none;}
.top-menu li:first-child::after {display:none;}
.top-menu li:first-child {margin-right:1.5em;}

#top_slogan {
	text-align: center;
    display: inline-block;
    width: auto;
    position: absolute;
    top: 2.2em;
    left: 50%;
    transform: translateX(-50%);
}
#top_slogan h2 {font-size:2.6rem; color:#004093; opacity:1; transition:.5s ease;}
.fixed #top_slogan h2 {opacity:0; font-size:0; transition:.5s ease;}
.fixed #scroll_top_gnb {
	position: absolute;
    top:37px;
}
.fixed .nav-bg {top:92px;}
.fixed .sub-menu {top:69px;}

#scroll_top_gnb {
	display: flex;
    margin: 0 auto;
    width: 100%;
    align-items: center;
    justify-content: center;
    transition: .5s ease;
	z-index:99;
}
#gnb_scroll {margin:0 auto;display:table}
#gnb_scroll li {display:inline-block;font-size:1em;font-weight:bold;padding:0 10px}
#gnb_scroll li:hover a {color:#3e976c}

/*hd nav*/
.nav-bar {
    width: 100%;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.nav-bar > ul{ text-align: center;}
.nav-bar > ul > li {display: inline-block; margin:0 -2px}
.nav-bar > ul > li > a {
	display: block;
    /* line-height: 60px; */
	padding:22px 0;
    cursor: pointer;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #000;
    position: relative;
}
.nav-bar > ul > li > a:after {
	content:'I';
	display:inline-block;
	font-family:'Montserrat', Sans-serif;
	font-weight:200;
	color:#dddddd;
	margin:0 1em;
}
.nav-bar > ul > li > a.mb-b {display:none;}
.nav-bar > ul > li > a.pc-b {display:block;}
.nav-bar > ul > li > .mb-link {display:none;}
.nav-bar > ul > li:nth-child(7) > a:after {display:none;}
.nav-bar > ul > li.club {display:none;}
.nav-bar > ul > li.club > a { display:block; padding:0 1em;}
.nav-bar > ul > li.club > a:after {
    content: 'IGM News';
	font-family: 'Noto Sans Korean', sans-serif;
	font-weight:500;
    color: #fff;
    display: block;
    width: 100%;
    line-height: 38px;
    border-radius: 30px;
    background: #45a2e6;
    position: absolute;
    top:20px;
    left: 0;
    margin: 0;
}


.nav-bar ul li span {display:none;}
.nav-bar ul li a.active {color:#34b458}
.sub-menu {width:100%;height:0px;position:absolute;left:0; opacity:0; background:#fff;transition: all ease .4s;z-index:2;overflow: hidden;}
.sub-menu.open {height:auto; opacity:1; border-top:1px solid#eee; padding-bottom:0;  box-shadow: 1px 3px 3px rgba(0,0,0,0.2); box-sizing: border-box;}
.sub-menu.about .inner {width:100%; max-width:1280px; margin:0 auto;}
.sub-menu.about .depth2 {width: calc(24% - -0.82em); display: inline-block; float: left; border-right:0; position:relative; overflow:unset; padding-left:1% }
.sub-menu.about .depth2 li {display:block; width:100%;}
.sub-menu.about .depth2:before {
	content:'';
	display:block;
	width:1px;
	height:19vh;
	background:#ddd;
	position:absolute;
	top:0;
	left:0;
}
.sub-menu.about .depth2 > li:before {display:none;}

.nav-bg {width:100%;height: 0; background: rgba(0,0,0,0.5); opacity:0;position: absolute;left: 0;top: 147px;  transition: opacity 0.6s ease;}
.nav-bg span{ width: 100%;  height: 0; background: #f3f3f3; transition: height 0.3s ease-out;}
.nav-bg.open { height: 100vh; opacity:1; display:block; z-index:2;}
.nav-bg.open span{height:314px; }

.nav-bn {display:none; height:0; opacity:0; transition: all ease .4s;}
.nav-bn.open {
	display:block;
	width: 100%;
    height: 80px;
    opacity: 1;
    background: #112d7c;
    transition: all ease .4s;
    z-index: 2;
    overflow: hidden;
	background-position:center;
}



.sub-menu .depth2 {
	width: 100%;
  max-width: 1280px;
  margin: 0 auto;
	border-right:1px solid #ddd;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.sub-menu .depth2 li {
    /* display: inline-block; */
    width: calc(24% - -0.82em);
    margin-bottom: 10px;
    text-align: left;
    /* float: left; */
    position: relative;
    padding: 0 2%;
}
.sub-menu .depth2 > li:before {
	content:'';
	display:block;
	width:1px;
	height:100vh;
	background:#ddd;
	position:absolute;
	top:0;
	left:0;
}

.sub-menu .depth2 li h3 a {
	font-size:1.7rem;
	font-weight:500;
    color: #373737;
    display: block;
	position:relative;
}
.sub-menu .inner {padding:1.8em 0; overflow:hidden;}
.sub-menu .depth2 li h3 a:hover {color:#004093;}

.sub-menu .depth2 li .depth3 {position:relative; padding:1em 0 .8em 0; overflow:hidden;}
.sub-menu .depth2 li .depth3 li {width:100%; display:block;}
.sub-menu .depth2 li .depth3 li a {font-size:1.5rem; color:#535353; position:relative; padding-left:.6em;}
.sub-menu .depth2 li .depth3 li a:before {
	content: '';
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: #788196;
    position: absolute;
    left: 0;
    top: .7em;
}
.sub-menu .depth2 li .depth3 li a:hover {color:#004093;}

/* 2022-12-05 추가 */
.sub-menu .depth2.ns-column li > h3~h3 {margin-top: 1em;}
@media (min-width: 1280px) {
	.sub-menu .depth2.ns-column li {width: 20%}
	.sub-menu .depth2.ns-column li.large {width: 60%}
	.sub-menu .depth2.ns-column li.large .depth3 {display: flex; flex-flow: column wrap; height: 288px;}
	.sub-menu .depth2.ns-column li .depth3 li { width: auto;}
}


.btn_align {float:right; display:inline-block; margin-top:.6em;}
.join_btn {position:relative}

.animated2 {
 -webkit-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 animation-iteration-count:infinite;
 -webkit-animation-iteration-count:infinite;
}

@-webkit-keyframes bounce2 {
 0%, 100% {-webkit-transform:translateY(0)}
 50% {-webkit-transform:translateY(-5px)}
}

@keyframes bounce2 {
 0%, 100% {transform:translateY(0)}
 50% {transform:translateY(-5px)}
}

.bounce2 {-webkit-animation-name:bounce2;animation-name:bounce2}
#animated-example {z-index:999999;width:45px;height:20px;font-size:0.65em;line-height:20px;background-color:#ffa841;opacity:0.8;color:#fff;position:absolute;top:35px;left:-5px;border-radius:3px}
#animated-example:before {content:"";position:absolute;top:-4px;right:18px;width:4px;height:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #ffa841}

.hd_search h3 {display:none; padding:20px;border-bottom:1px solid #f7f7f7;}
.hd_search #sch_str {
	width: 100%;
    height: 40px;
    border-radius: 20px;
    border: 1px solid #eee;
    background: #f7f7f7;
    padding: 0 40px 0 20px;
}

.hd_search #sch_str::placeholder {font-family:'Noto Sans Korean', Sans-serif; font-size:1.4rem;}

.hd_search #sch_submit {
	position:absolute;
	top:0;
	right:0;
	width:40px;
	height:40px;
	border:0;
	border-radius:100%;
	cursor:pointer;
	background:#004093;
	font-size:18px;
	color:#fff;
	padding:0;
}
.tnb_con .search-bar {position:relative; width:90%;  max-width: 700px; margin: 0 auto; display: block; overflow:hidden;}

.hd_search .btn_close {position:absolute;right:30px;top:34px;z-index:999;color:#cecece}
.hd_search .btn_close i {font-size:3rem;}
.hd_search .btn_close:hover {color:#ddd}

.tnb_con {display:none;width:100%; height:100%;  position:fixed;top:133px;right:0;z-index:9999; transition:.5s ease;}
.tnb_con:after {content:''; background:rgba(0,0,0,0.5); width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:-1;}
.tnb_con form {background:#fff; padding:2em 0;}
.tnb_con #popular {display:none;}

.igmp-nav {position:relative;float: right; margin-top:10px;}
.igmp-nav a{
    cursor: pointer;
    padding-right: 20px;
    font-size: 1.6rem;
    background: #45a2e6;
    border-radius: 8px;
    color: #fff;
    padding: .4em 1em;
    width: 100%;
    max-width: 227px;
    text-align: center;
}
.igmp-nav p span{vertical-align:baseline;}
.igmp-nav p i {margin-left:.8em}
.igmp-nav img{vertical-align:middle; margin-right:5px;}
.igmp-nav ul {
	position: absolute;
    left: 50%;
    text-align: center;
    background: #ffffff;
    border: 1px solid #45a2e6;
    border-radius: 0 0 .8em .8em;
    padding: 10px;
    z-index: 10;
    display: none;
    top: 37px;
    transform: translateX(-50%);
    width: 93%;
}
.igmp-nav ul li a{line-height:2;font-size: 1.4rem;display:block;}
.igmp-nav ul li a:hover{color:#2196F3;}


/*sub-nav*/
.sub-nav {margin:2em 0 0 0;}
.sub-nav ul {
	display: flex;
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    align-content: center;
    justify-content: center;
}
.sub-nav ul li {
	position: relative;
    display: inline-block;
    width: 100%;
    margin-right: .5em;
	background:#f7f7f7;
	border:1px solid #dddddd;
	border-radius:7em;
}
.sub-nav ul li a {font-size:1.8rem; color:#1a1a1a; line-height:2.5em; display:block;}
.sub-nav ul li.active {border:1px solid #004093; background:#004093;}
.sub-nav ul li.active a {color:#fff;}


/*quick menu*/
.quick-nav {
	 position: fixed;
	 right: 15px;
	 bottom: 80px;
	 width: 100%;
	 max-width: 94px;
	 z-index: 99;
}

.quick-nav a {
    display: flex;
    align-content: center;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border: 1px solid #45a2e6;
    border-radius: .7em 0;
    padding: .5em;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.4;
    width: 100%;
    height: 95px;
    margin-bottom: .8em;
}

.quick-nav a i {display:block; font-size:1.5rem; color:#45a2e6; margin-top:.3em;}

/*약관페이지*/
.ctt_privacy, .ctt_ip, .ctt_membership {width:90%; max-width:1200px; margin:0 auto; padding:1em 0 8em 0;}
.ctt_privacy .sub-cont-tit, .ctt_ip .sub-cont-tit, .ctt_membership .sub-cont-tit {margin-bottom:6em;}

/**/
#btn_hdcate {position:absolute;top:10px;left:0;margin-top:25px;min-width:26px;width:26px;height:26px;background:none;border:0;font-size:1.4em;color:#3c3c3c}
#hd #btn_hdmy {position:absolute;top:10px;right:45px}
#hd_wr_inner #logo {
	display: inline-block;
    float: left;
    margin-top: 26px;
	position:relative;
	z-index:100;
}
#hd_wr.fixed {position:fixed;top:0;left:0;z-index:999}
#hd_wr.fixed #hd_wr_inner {height:105px}
#hd_wr.fixed #hd_wr_inner #logo {display:inline-block;float:left;margin-top:26px}
#hd_wr.fixed #btn_hdcate {display:none;margin-top:20px}
#hd_wr.fixed .hd_right_btn {margin-top:10px}
#hd_wr.fixed #sidr {display:none}
#hd_wr.fixed .tnb_con {top:105px}
.hd-mbtn {display:none;}
.m-quick-nav {display:none;}

@media (max-width:1500px) {
	/*hd*/
	#top_slogan {top:2.4em;}

}

@media (max-width:1279px) {
	#top_slogan  {left:56%; width:64%;}
	#top_slogan h2 {font-size:2.3rem;}
	nav.nav-bar {
	position: fixed;
		display: block;
		top: 192px;
		right: -320px;
		bottom: 0;
		width: 360px;
		background: #fff;
		padding-right: 0;
		border-top: 1px solid #eaeaea;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		transition: all 0.3s ease;
		z-index: 5;
		overflow-y: scroll;
		overflow-x:hidden;
	}
	#hd_wr {height:92px;}
	.tnb_con {top:57px; }
	.hd_right_btn {margin-top:0;}
	.nav-bar > ul > li {display:block; border-bottom:1px solid #ececec; position:relative;}
	.nav-bar > ul > li > a {line-height: 30px; padding: 10px 20px; text-align:left;}
	.nav-bar > ul > li > a:after {display:none;}
	.nav-bar > ul > li > a.mb-b {display:inline-block; float:left;}
	.nav-bar > ul > li > .mb-link {display:inline-block; float:right; margin:13px 20px; font-size:2rem; color:#004093;}
	.nav-bar > ul > li > a.pc-b {display:none;}
	.sub-menu, .fixed .sub-menu {position:relative; top:0; padding-bottom:0;}
	.sub-menu .depth2 {border-right:0;}
	.sub-menu.about .depth2 {width:100%;}
	.sub-menu .depth2 li {display:block; width:100%;}
	.sub-menu .inner {padding:1em;}
	.sub-menu .depth2 > li:before, .sub-menu.about .depth2:before  {display:none;}
	.nav-bar > ul > li.club > a {line-height:50px;}
	.nav-bar > ul > li.club > a:after {padding:10px 20px; line-height:30px;border-radius:0; top:0;}
	.nav-bg.open {display:none;}
	.nav-bn.open {display:none;}
	.tnb_con:after {display:none;}
	.top-menu li:first-child {width:100%; margin-bottom:1em;}
	.nav-bar > ul > li.club {display:block;}
	.igmp-nav {display:none;}
	/*.quick-nav a {display:none;}*/
	/*.quick-nav a#ft_to_top {display:block;}*/
	/*.m-quick-nav {display:block; width:80%; margin:3em auto;}*/
	/*.m-quick-nav a {*/
	/*	display: block;*/
	/*	background: #fff;*/
	/*	border: 1px solid #45a2e6;*/
	/*	border-radius: .7em 0;*/
	/*	padding: 1em;*/
	/*	font-size: 1.7rem;*/
	/*	line-height: 1.4;*/
	/*	width: 100%;*/
	/*	margin-bottom: .8em;*/
	/*	overflow:hidden;*/
	/*}*/
	/*.m-quick-nav a span {float:left;}*/
	/*.m-quick-nav a i {*/
	/*	font-size: 1.8rem;*/
	/*	color: #45a2e6;*/
	/*	margin-top: .3em;*/
	/*	float: right;*/
	/*}*/
	/*.m-quick-nav a .pc-b {display:none;}*/
	.hd_search #sch_str {width:85%; float:left;}
    .hd_right_btn {margin-top:0;margin-right:20px;}
	.hd_search .btn_close {top:28px; right:4%;}
	.hd_search #sch_submit {right:43px;}
	.tnb_con form {border-top:1px solid #dddddd;}
}

@media (max-width:970px) {
    #hd_wr_inner #logo img {width:70%}
    #btn_hdcate {margin-top:0;left:20px;top:17px}
    #hd_wr.fixed {}
	#hd_wr.fixed #hd_wr_inner {height:60px}
	#hd_wr.fixed #btn_hdcate {display:inline-block;margin-top:0}
	#hd_wr.fixed .hd_right_btn {margin-top:0}
	#hd_wr.fixed #sidr {display:none}
	#hd_wr.fixed .tnb_con {top:60px}
}



/*통합검색*/
.ssrch-wr {}
.ssrch-wr .selArea {
    position: relative;
    width: 90%;
    margin: 0 auto;
    max-width: 700px;
    padding: 3em 0;
}
.ssrch-wr .sch_area {
    float: left;
    position: relative;
    width: 73%;
    height: 40px;
}

.ssrch-wr .sch_area .sch_input {
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0;
    border-bottom: 1px solid #949494;
}

.ssrch-wr .sch_area .sch_btn {
    position: absolute;
    right: 0;
    bottom: 7px;
    height: 38px;
    float: left;
    background: none;
    border: 0;
    width: 38px;
    font-size: 15px;
    color: #fff;
    background: #004092;
    border-radius: 100%;
}
#bo_sch:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: "";
}
.ssrch-wr .selArea select {
    float: left;
    border: 0;
    margin-right: 5px;
    width: 25%;
    height: 40px;
    border-bottom: 1px solid #949494;
    background: url(/img/main/sel-arr.png) no-repeat 95% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ssrch-wr .selArea select::-ms-expand {display:none}

.sr-bbs-list {border-top:2px solid #000;}
.sr-bbs-list ul {
	display: block;
    width: 100%;
    box-sizing: border-box;
}
.sr-bbs-list ul li {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #dddddd;
	padding:2em;
}
.sr-bbs-list ul li .sr-bbs-img { width: 25%; padding-right: 4%;}
.sr-bbs-list .bbs-cont-wr {width: 75%;}
.sr-bbs-list .bbs-cont-wr .bbs-cont-txt {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.25em;
	height: 3.6em;
	margin-bottom:1em;
}
.sr-bbs-list .sr-bbs-tit {margin-bottom:1em;}
.sr-bbs-list .sr-bbs-tit a {
    font-size: 2.2rem;
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.sr-bbs-list .sr-category {
    border-radius: 30px;
    font-size: 1.5rem;
    padding: 2px 10px;
    margin-right: 5px;
	margin-bottom:.8em;
    text-align: center;
    display:inline-block;
}
.sr-bbs-list .sr-category.cate01 {color:#0056c3; border:1px solid #0056c3;}
.sr-bbs-list .sr-category.cate02 {color:#2196f3; border:1px solid #2196f3;}
.sr-bbs-list .sr-category.cate03 {color:#ef7165; border:1px solid #ef7165;}
.sr-bbs-list .sr-category.cate04 {color:#00bcd4; border:1px solid #00bcd4;}
.sr-bbs-list .sr-category.cate05 {color:#ffb307; border:1px solid #ffb307;}
.sr-bbs-list .sr-bbs-cont dl {display:flex; margin-bottom:.7em;}
.sr-bbs-list .sr-bbs-cont dl dt {vertical-align:top; position:relative; padding:0 .6em; color:#1a1a1a;}
.sr-bbs-list .sr-bbs-cont dl dt:before {
	content:'';
	display:block;
	width:.3em;
	height:.3em;
	background:#afafaf;
	border-radius:100%;
	position:absolute;
	top:.6em;
	left:0;
}
.sr-bbs-list .sr-bbs-cont dl dd {position:relative; padding-left:.6em;}
.sr-bbs-list .sr-bbs-cont dl dd:before {
	content:':';
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.sr-bbs-list .sr-bbs-cont p {}


/*카테고리*/
.sidr {display:block;position:fixed;top:0;width:345px;height:100%;z-index:999999;overflow-x:hidden;overflow-y:auto;border-right:1px solid #eee;background:#fff}
.sidr.sidr-left {left:-345px;right:auto}
.menu_close {display:none}
.sidr-open .menu_close {display:block;position:fixed;left:345px;top:0;width:100%;height:100%;background:#000;color:#fff;font-size:20px;border:0;z-index:199999;opacity:0.7}
#category {clear:both}
#category .menu_wr {height:100%;overflow-y:auto;background:#fff;padding:30px;position:relative;z-index:199919}

.cate_tab:after {display:block;visibility:hidden;clear:both;content:""}
.cate_tab li {float:left;width:33.333%;text-align:center;font-size:0.92em}
.cate_tab a {display:block;border-bottom:1px solid #bbb;padding:10px 0;color:#666}
.cate_tab .selected {border-bottom:1px solid #3e976c;color:#3e976c}

#hd_sch {text-align:center;padding:0 0 10px}
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch .sch_inner {position:relative}
#hd_sch #sch_str {width:100%;height:40px;border-radius:20px;border:1px solid #eee;background:#f7f7f7;padding:0 40px 0 20px}
#hd_sch .sch_submit {position:absolute;top:2px;right:5px;width:40px;height:35px;border:0;border-radius:0 3px 3px 0;cursor:pointer;background:none;font-size:15px;color:#333}

.cate a {display:block;color:#333;padding:0 10px;border-bottom:1px solid #efefef}
.cate li {position:relative;line-height:40px}
.cate li button {position:absolute;top:0;right:0;border:0;width:30px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
.cate li button.ct_cl {background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}

.sub_cate {display:none}
.sub_cate a {border-bottom:1px solid #efefef;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
.sub_cate2 a {padding-left:40px;background-position:31px 17px}
.sub_cate3 a {padding-left:50px;background-position:41px 17px}
.sub_cate4 a {padding-left:60px;background-position:51px 17px}

/* 중간 레이아웃
#wrapper {}
#container {padding:0 0 10px;max-width:1120px;margin:0 auto}
#container.idx-container {max-width:100%}
#container .idx_only {max-width:1120px;margin:0 auto}
#container .idx_only:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin:40px 0 10px;padding:0;font-size:1.4em;text-align:center;font-weight:bold}
#container_title span {display:inline-block;padding-bottom:10px}
#container.con_item_veiw {max-width:100%}
.con_tit_view {position:absolute;font-size:0;line-height:0;overflow:hidden}

@media (max-width:969px) {
	#container {padding:10px}
	#container.idx-container {padding:0}
	#container_title {margin:20px 0}
}
 */
/* 내용관리
#ctt {margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.ctt_admin {margin:0 5px;text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}
 */

 /*중간레이아웃*/
#container.active {}

/* 하단 레이아웃 */
#ft {background:#2c2d31; text-align:left;line-height:1.5em; overflow:hidden;}
#ft h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#ft h3 {margin:0 0 15px;font-size:1.2em;font-weight:normal;letter-spacing:1px;font-weight:normal;color:#3e976c}
#ft h3 a {color:#3e976c}
.ft_wr {max-width:1280px;margin: 3.5em auto;position:relative;}
.ft_wr h1 {display: inline-block;/* width: 100%; */margin-right:3%;overflow: hidden;vertical-align:top;}
.ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
.ft_con {
    width: 57%;
    display:inline-block;
    padding: 0 3% 0 0;
    color: #777;
    font-size: 1.3rem;
    line-height: 1.4em;
    vertical-align: top;
}
.ft_con_r {
	width: 20%;
	display: inline-block;
	text-align: right;
}
#ft_cs {border-left:0}
#ft_cs strong {color:#000;font-size:1.5em}
#ft_cs p {margin:5px 0 0;color:#777}
#ft_cs .qa_link {display:inline-block;background:#397b57;color:#fff;padding:0 10px;line-height:32px;margin:10px 0 0;border-radius:2px}
#ft_bank p {margin:0 0 10px;color:#000;font-weight:bold}
#ft_if strong {display:block;color:#000}
#ft_if span {margin-right:8px; margin-bottom:.4em; display:inline-block;}
#ft_if span.copy {margin-top:1em;}
.ft_top {border-bottom:1px solid #56575a; height:60px;}
.ft_top_inner {
	width:100%;
	max-width:1280px;
	margin:0 auto;
	position:relative;
}
#ft_link {
    padding: 1em 0;
    overflow: hidden;
    width: 75%;
    display: inline-block;
}
#ft_link li {display:inline-block; float:left; text-align:left;font-weight:normal;}
#ft_link li:first-child {border:0}
#ft_link li a {font-size:1.4rem; color:#fff; position:relative;}
#ft_link li a:after {content:'/'; display:inline-block; color:#56575a; margin:0 .8em; }
#ft_link li:last-child a:after {display:none;}
.ft_copy {font-size:0.85em;clear:both;background:#f9f9f9;padding:10px 0;text-align:center;color:#d0d0d0}
#ft .sns_link {overflow:hidden;width: 100%;display:inline-block;/* text-align:right; */margin-top: 2em;}
#ft .sns_link li {display:inline-block;width:15%;margin-right: 4%;}
#ft .sns_link li:last-child {}
#ft .sns_link li a {display:block; position:relative; width:2.4em; height:2.4em; background:#606267; border-radius:100%;}
#ft .sns_link li a i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#ft .sns_link li a i.sns_fb {display:block; width:2em; height:2em; background:url('/img/main/sns_fb.png')no-repeat center;}
#ft .sns_link li a i.sns_insta {display:block; width:2em; height:2em; background:url('/img/main/sns_insta.png')no-repeat center;}
#ft .sns_link li a i.sns_naver {display:block; width:2em; height:2em; background:url('/img/main/sns_naver.png')no-repeat center;}
#ft .sns_link li a i.sns_ytb {display:block; width:2em; height:2em; background:url('/img/main/sns_ytb.png')no-repeat center;}
#ft .sns_link li a i.sns_blog {display:block; width:2em; height:2em; background:url('/img/main/sns_blog.png')no-repeat center;}
a.newslt-btn {color:#fff;border:1px solid #fff;border-radius:6em;padding:.4em 2em;}

.family {
	    position: relative;
    display: inline-block;
    float: right;
    width: 16%;
    border-right: 1px solid #56575a;
    border-left:1px solid #56575a;
    padding: 0 1em;
}
.family:after{display:none;}
.family p{
    color: #999999;
    background: url('/img/main/arr_down.png') no-repeat center right;
    line-height: 60px;
    cursor: pointer;
    padding-right: 20px;
    font-size: 14px;
    display: block;
}
.family p span{vertical-align:baseline;}
.family img{vertical-align:middle; margin-right:5px;}
.family ul{
    position: absolute;
    text-align: center;
    border: 1px solid #56575a;
    border-top: 0;
    background: #2c2d31;
    padding: 10px 0;
    z-index: 10;
    display: none;
    width: 100%;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
}
.family ul li a{line-height:2; font-size:13px; display:block; color:#fff;}
.family ul li a:hover{color:#fff;}


/* 목록 바로가기 */
.sanchor {border-bottom:1px solid #3e976c;margin:30px 0 10px;text-align:center;font-size:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {display:inline-block;margin-bottom:-1px;text-align:center;line-height:40px;font-size:0.92em;font-size:12px;margin-left:-1px}
.sanchor a {display:block;color:#646464;border:1px solid #ddd;border-bottom-color:#3e976c;background:#fcfcfc;padding:0 30px}
.sanchor a:hover {background:#fff}
.sanchor a.sanchor_on {border:1px solid #3e976c;border-bottom:1px solid #fff;font-weight:bold;color:#000;background:#fff;position:relative}
.sanchor a span {display:inline-block;line-height:18px;padding:0 5px;background:#aaa;color:#fff;border-radius:5px}
.sanchor a.sanchor_on span {background:#3e976c}

@media (max-width:969px){
	.sanchor {border:none;border-bottom:0;margin-bottom:15px}
	.sanchor li {width:33.333%;margin-left:-1px}
	.sanchor a {padding:0 5px;border-color:#ddd}
	.sanchor a.sanchor_on {background:#fff;border-color:#3e976c;color:#3e976c}
}


/* ####### 쇼핑몰 컨텐츠 ####### */

.st_bg {display:inline-block;width:1px;height:10px;margin:0 10px;background:#e2e1e0;vertical-align:-1px}
#listtype {margin:30px 0 20px}

/* 장바구니 주문서 공통 */
#sod_chk {margin:10px;font-size:0.85em}
.sod_list {margin:10px;font-size:0.85em}
.sod_list .sod_li {background:#fff;border:1px solid #eee;margin:10px 0}
.sod_list .li_name {border-bottom:1px solid #eee;line-height:1.3em;padding:15px;font-size:1.2em}
.sod_list .li_op_wr {position:relative;margin:10px;padding-left:90px;min-height:80px}
.sod_list .total_img {position:absolute;top:0;left:0}
.sod_list .mod_options {padding:0 7px;border:1px solid #ff4444;color:#ff4444;background:#fff;height:30px;line-height:21px;margin:5px 0 0}
.sod_list .li_prqty {margin:10px 10px;border-top:1px solid #dcdcdc;padding:10px 0 0}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:''}
.sod_list .li_prqty_sp {float:left;width:50%;display:block;line-height:20px;padding:0 7px;text-align:right}
.sod_list .li_prqty_sp span {float:left}
.sod_list .prqty_sc,.sod_list .prqty_price {border-right:1px solid #dcdcdc}
.sod_list .total_price {background:#f5f5f5;border:1px solid #e2e2e2;display:block;clear:both;margin:10px;text-align:right;padding:5px 10px;line-height:20px}
.sod_list .total_price span {float:left}
.sod_list .total_price strong {font-size:1.25em;color:#ff4444}
.sod_opt li {padding-left:10px;background:url('../img/bullet.gif') no-repeat 3px 50%;color:#777;margin:3px 0;line-height:1.3em}

#sit_opt_added {margin:0 0 10px;padding:0 0 10px;border-bottom:0;list-style:none;border-bottom:1px solid #e9e9e9}
#sit_opt_added li {padding:10px 15px;border:1px solid #e9e9e9;position:relative;margin-bottom:5px}
#sit_opt_added li .opt_name {line-height:18px;padding:0 0 5px}
#sit_opt_added li .opt_count {}
#sit_opt_added li .opt_count:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #cdcdcd;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;width:40px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {border:0;font-size:15px;background:#fff;margin-left:3px}
#sit_opt_added .sit_opt_del:hover {color:red}
#sit_opt_added .sit_opt_prc {float:right;display:block;padding:0 3px;text-align:right;line-height:30px;font-size:1.183em;font-weight:bold}

/* 장바구니 */
#mod_option_frm {position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
box-shadow:1px 1px 5px rgba(0,0,0,0.4)}
#mod_option_frm h2 {height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px}
#mod_option_frm #sit_tot_price {margin:15px;font-size:1.3em;font-weight:bold;text-align:right;position:relative}
#mod_option_frm #sit_tot_price span {font-weight:normal;font-size:13px}

#mod_option_frm #sit_sel_option ul {background:#f3f3f3;border:0}
#mod_option_frm h3 {margin:0 0 10px;color:#5772d5}
#mod_option_frm .option_wr {margin:15px}
#mod_option_frm .option_wr label {margin:0 0 5px;display:block}
#mod_option_frm .option_wr select {width:100%;height:30px;border:1px solid #d9d9d9;margin:0 0 5px}
#mod_option_frm .btn_confirm {margin:15px}
#mod_option_frm .btn_confirm .btn_submit {height:40px;font-size:1.167em;font-weight:bold;width:100%}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em}

#sod_bsk .btn_del_wr {margin:10px}
#sod_bsk .sod_ta_wr {background:#fff;padding:15px}
#sod_bsk .go_shopping {margin:10px}
#sod_bsk .go_shopping .btn01 {height:45px;line-height:43px;font-size:1em;font-weight:bold;width:100%;text-align:center}
#m_sod_bsk_tot {background:#f4f4f4;border-radius:5px;padding:5px 10px}
#m_sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_bsk_tot dt {float:left;width:40%;padding:5px 0;line-height:20px;clear:both}
#m_sod_bsk_tot dd {float:left;width:60%;padding:5px 0;text-align:right;line-height:20px}
#m_sod_bsk_tot .sod_bsk_cnt {border-top:1px solid #e2e2e2;font-weight:bold;margin-top:5px;line-height:25px}
#m_sod_bsk_tot .sod_bsk_cnt strong {color:#ff4444;font-size:1.25em}
#sod_bsk_act .btn_submit {width:200px;height:45px;font-size:1em;font-weight:bold;margin:10px 0}

/* 주문서 작성 */
#sod_frm .od_prd_list {background:#fff}
.od_prd_list .td_chk {border-left:0}
.od_prd_list .td_prd {border-left:0;position:relative;padding-left:90px;min-height:100px}
.od_prd_list .td_prd .sod_img {position:absolute;top:15px;left:0}
.od_prd_list .td_prd .sod_name {min-height:80px}
.od_prd_list .td_prd .prd_name {font-size:1.167em}
.od_prd_list .total_prc {color:#ff006c;font-weight:bold;font-size:1.167em}

#sod_frm_orderer {}
#sod_frm_taker {padding:10px}
#sod_frm_taker h2,#sod_frm_orderer h2 {margin:10px 0;font-size:1.25em}
.odf_list li {}
.odf_list label,.odf_list strong {display:block;margin:7px 0 5px;color:#444;font-weight:normal}
.odf_list .frm_input {width:100%;margin:0 0 5px}
.odf_list .dlv_slt div {background:#f3f3f3;border:1px solid #ccc;margin:5px 0;padding:10px}
.odf_list .dlv_slt div label {display:inline-block;margin:3px 0;color:#000}
#order_address {display:inline-block;width:100px;text-align:center;border:1px solid #3e976c;color:#fff;height:30px;margin-left:10px;line-height:28px;vertical-align:baseline;background:#3e976c}
.odf_list .ad_default {display:inline-block;margin:0}
.odf_list .btn_addsch {position:absolute;top:5px;right:5px;border-radius:3px;height:30px}
.odf_list .add_num {position:relative;display:block}
.odf_list textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
#m_sod_frm_paysel {margin:10px 0}
#m_sod_frm_paysel ul {margin:0 0;background:#fff;padding:10px;border-bottom:1px solid #ccc}
#m_sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#m_sod_frm_paysel li {float:left;padding:5px;width:46%;height:25px}
#m_sod_frm_paysel .KPAY {background:url('../../../img/kpay.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .PAYNOW {background:url('../../../img/paynow.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .PAYCO {background:url('../../../img/payco.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .inicis_lpay {background:url('../../../img/lpay_logo.png') no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
#m_sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
.samsung_pay {background:url('../../../img/samsungpay.png') no-repeat;height:12px;width:83px;display:inline-block;overflow:hidden;text-indent:-999px}

#sod_frm {font-size:0.85em}
#sod_frm .sod_ta_wr {background:#fff;padding:15px}
#sod_frm .btn_confirm {margin:0 auto 10px;text-align:center}
#sod_frm .btn_submit {width:49.5%;height:45px;font-size:1em;margin: 5px 2px;}
#sod_frm .btn_cancel,#sod_frm .btn01 {width: 49%;line-height:45px;height:45px;font-size:1em;margin:5px 0;padding:0;border-radius:0;border-radius: 6em;border: 0;background: #4e4e4e;color: #fff;}

#sod_frm .item-info {margin:0 0 4em 0; padding:2em; border-bottom:1px solid #dddddd; border-top:1px solid #004093;}
#sod_frm .item-info .img-section {width:30%;}
#sod_frm .item-info .item-cont {width:70%;}

@media (max-width:800px) {
	#sod_frm .item-info {display:flex;}
}

@media (max-width:600px) {
	#sod_frm .item-info {display:block;}
	#sod_frm .item-info .img-section,
	#sod_frm .item-info .item-cont {width:100%;}
}


@media (max-width:400px) {
    #sod_frm .btn_submit, #sod_frm .btn_cancel, #sod_frm .btn01 {width:45%}
}

#sod_frm_pay {padding: 0 10px 0 10px;}
#sod_frm_pay h2 {margin:10px 0;font-size:1.25em}
#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1 {margin-top:0}
.odf_tbl {position:relative}
.odf_tbl table {background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc}
.odf_tbl table th {border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:normal}
.odf_tbl table td {border-top:1px solid #eceff4;padding:7px 10px;text-align:right}

#sod_frm_pt_alert {margin: 10px 0 20px 0;color: #004092;font-size: 1.4rem;}

.sod_frm_point {padding:10px 0;clear:both}
.sod_frm_point div {background:#fff;border-bottom:1px solid #eceff4;padding:10px;text-align:right}
/*=======
#m_sod_frm_paysel li {float:left;padding:5px ;width:46%;height:25px}*/
/*#m_sod_frm_paysel .KPAY{background:url('../../../img/kpay.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}*/
/*#m_sod_frm_paysel .PAYNOW{background:url('../../../img/paynow.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;}*/
/*#m_sod_frm_paysel .PAYCO{background:url('../../../img/payco.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;}*/
/*#m_sod_frm_paysel .inicis_lpay{background:url('../../../img/lpay_logo.png') no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%;}*/
/*#m_sod_frm_paysel .inicis_kakaopay{background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}*/
/*#m_sod_frm_paysel .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat 50% 50% #ffeb00;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}*/
/*#m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url('../../../img/samsungpay.png') no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px}*/
/**/
/*#sod_frm_pay{padding:10px;;border-top:1px solid #f3f3f3}*/
/*#sod_frm_pay h2{margin:10px 0;font-size:1.25em}*/
/*#sod_frm_pay .cp_btn1,#sod_frm_pay .cp_cancel1{margin-top:0}*/
/*.odf_tbl{position:relative}*/
/*.odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc}*/
/*.odf_tbl table th{border-top:1px solid #eceff4;padding: 10px;text-align:left;width:120px;font-weight:normal}*/
/*.odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right}*/
/**/
/*#sod_frm_pt_alert{margin:10px 0 10px;text-align:left;color:#fff;line-height: 18px;background: #f2838f;padding: 10px 10px 10px 13px;border-radius: 5px;position:relative}*/
/*#sod_frm_pt_alert::before {content: ""; position: absolute;top: 0;left: 0;width: 5px; height: 50px; border-radius: 5px 0 0 5px;background: #da4453;height:100%}*/
/**/
/*.sod_frm_point {padding:10px 0;;clear:both}*/
/*.sod_frm_point div{background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right}*/
/*>>>>>>> patch*/
.sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point div label {float:left;line-height:30px}
.sod_frm_point div span {display:block;font-size:0.92em}
.sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
.sod_frm_point .max_point_box em {font-style:normal !important}
.sod_frm_point div strong {float:left;color:#666;font-weight:normal}
.sod_frm_point #od_temp_point {height:30px;border:1px solid #ccc;text-align:right}

#settle_bank {background:#fff;border-bottom:1px solid #ccc;padding:10px;text-align:right;clear:both}
#settle_bank select {height:30px;margin:0 0 5px;width:100%}
#settle_bank #od_deposit_name {height:30px;border:1px solid #ccc;text-align:center}
#settle_bank label {float:left;line-height:30px}
#sod_frm_pt_info {border-bottom:1px solid #ccc}
.od_coupon {position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);
box-shadow:1px 1px 5px rgba(0,0,0,0.4)}
.od_coupon h3 {height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left}
.od_coupon .tbl_head02 {}
.od_coupon .tbl_head02 .btn_frmline {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px}
.od_coupon .tbl_head02 td {text-align:left}
.od_coupon .tbl_head02 th {width:auto !important}
.od_coupon .tbl_head02 .td_mngsmall {width:60px;text-align:center}
.od_coupon .tbl_head02 .td_numbig {width:80px;text-align:right}
.od_coupon .btn_confirm {margin:20px}
.od_coupon .btn_confirm .btn_submit {height:40px;font-size:1.167em;font-weight:bold;width:100%}
.od_coupon .btn_confirm .btn_close {position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em}

.cp_btn ,.cp_btn1 {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:10px 0 0}
.cp_apply {background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px}
.cp_cancel,.cp_cancel1 {padding:0 7px;border:1px solid #aaa;color:#666;background:#fff;height:23px;line-height:21px;margin:10px 0 0 2px}

#sod_frm_escrow {margin:10px}
#sod_frm_escrow h2 {font-size:1.25em}
#od_pay_sl h3 {font-size: 1.8rem;font-weight: 500;color: #1a1a1a; margin-bottom:1em;}

/* 쿠폰 */
#scp_list li {position:relative;padding:0}
#scp_list .li_pd {position:relative;padding:10px}
#scp_list .li_title {font-weight:bold;font-size:1.167em}
#scp_list .pd_price {position:absolute;top:10px;right:10px}
#scp_list .pd_price strong {color:#ff006c;font-size:1.5em}
#scp_list .li_target {color:#666;margin:5px 0 0;background:#f3f3f3;border-top:1px dotted #ccc;padding:5px 10px}
#scp_list .pd_date {float:right;color:#777}

/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:0;border-bottom:1px solid #e9e9e9}
#sod_addr .addr_title {border-bottom:1px solid #ddd;padding:10px 10px 10px 30px}
#sod_addr .ad_subject {height:30px;border:1px solid #bbb;width:100%;padding:0 10px}
#sod_addr .ad_chk {position:absolute;top:17px;left:10px}
#sod_addr .addr_info {padding:15px}
#sod_addr .addr_name {margin:0 0 10px;font-weight:bold;font-size:1.083em}
#sod_addr .addr_addr {line-height:1.5em;margin:5px 0}
#sod_addr .addr_tel {margin:5px 0;color:#666}
#sod_addr .fa-mobile {font-size:14px}
#sod_addr .addr_btn {border-radius:0 0 3px 3px;padding:10px}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr .sel_address {width:32%;float:left;margin-right:1%;height:30px;background:none;border:1px solid #333;color:#333;padding:0 5px}
#sod_addr .del_address {display:block;width:32%;text-align:center;float:left;margin-right:1%;border:1px solid #aaa;background:none;color:#888;padding:0 5px;height:30px;line-height:28px;vertical-align:middle}
#sod_addr input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1}
#sod_addr .add_lb {display:inline-block;float:left;width:32%;text-align:center;border:1px solid #4162ff;color:#4162ff;height:30px;line-height:28px}
#sod_addr input[type="radio"]:checked+.add_lb {z-index:3;background:#4162ff;color:#fff}

/* 주문내역 */
#sod_v {margin:10px}
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 10px;padding:10px;background:#e6d5d2;color:#883d1a;text-align:center;border-bottom:1px solid #c3bcb1}

/* 주문상세내역 */
#sod_list_inq {}
.sod_fin_list .sod_ta_wr {padding:15px;background:#fff}
.sod_fin_list h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
.sod_fin_list .prqty_stat {position:absolute;top:0;right:0;padding:3px 5px;background:#6583c5;color:#fff}
.sod_fin_list .li_opt {color:#777;margin:3px 0;line-height:1.3em;padding-right:50px}
#sod_sts_wrap {margin:10px}
#sod_sts_wrap .btn_wr {border-top:1px solid #bbb;text-align:center}
#sod_sts_explan_open {padding:0 10px;height:30px;border:1px solid #bbb;border-top:1px solid #e6e6e6;margin-top:-1px;color:#333;background:none}
#sod_sts_explan {display:none}
#sod_fin_legend {background:#f7f7f7;margin:0 0 10px;padding:10px;line-height:20px}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_legend dt {float:left;width:20%}
#sod_fin_legend dd {float:left;width:80%}
#sod_fin_view {margin:10px}
#sod_fin_view h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_view h3 {font-size:1.167em;margin:20px 0 10px}

#sod_fin_no {margin:10px;border:2px solid #b9b9b9;background:#f3f3f3;color:#444;text-align:center;padding:10px}
#sod_fin_no strong {font-size:1em}

#sod_fin_tot {margin:10px}
#sod_fin_tot h2 {font-size:1.167em;margin:20px 0 10px}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;background:#38b2b9;border-bottom:1px solid #5ec2c7;color:#fff;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot #alrdy .right {margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p {position:relative}
#sod_fin_tot #alrdy .right .title {position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {margin:10px}
#sod_fin_cancel h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:40px;border:1px solid #5e6b6f;font-weight:bold;width:100%;background:none;color:#5e6b6f}
#sod_fin_cancel p {text-align:center;background:#ffe0e0;border:2px solid #d50c0c;padding:15px;color:#d50c0c;font-size:1.167em;font-weight:bold}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin:0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline {background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}


/* 마이페이지 */
#smb_my {position:relative;max-width:1120px;font-size:0.85em;margin:20px auto}

#smb_my_ov{background:#fff;border:1px solid #e6e6e6;margin:0 0 15px;}
#smb_my_ov .hello_name{background:#f8f8f8;text-align:center;padding-bottom:20px;border-bottom:1px solid #e6e6e6;position:relative;}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .my_img{display:inline-block;border-radius:50%;overflow:hidden;position:relative;margin:35px 0 0;
-webkit-box-shadow:0 6px 10px rgba(0,0,0,0.1);
-moz-box-shadow:0 6px 10px rgba(0,0,0,0.1);
box-shadow:0 6px 10px rgba(0,0,0,0.1);}
#smb_my_ov .btn_edit{position:absolute;bottom:0;left:0;width:100%;background:#959595;line-height:23px;color: #fff;}
#smb_my_ov .btn_edit:hover {background:#d25959;color:#fff}
#smb_my_ov .my_name {margin:10px 0}
#smb_my_ov .btn_out {position:absolute;top:0;right:0;background:#fff;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-radius:0 0 0 5px;padding:0 5px;line-height:22px;font-size:11px;color:#777}

#smb_my_wr {min-height:560px}

.my_cou_wr {border-bottom:1px solid #e6e6e6;font-weight:bold;}
.my_cou_wr:after {display:block;visibility:hidden;clear:both;content:""}
.my_cou_wr .my_cou {float:left;width:50%;border-right:1px solid #e6e6e6;text-align:center;padding:10px 0}
.my_cou_wr .my_po {float:left;width:50%;text-align:center;padding:10px 0}
.my_cou_wr img{padding:5px 0 0;width:23px;height:auto;}
.my_cou_wr a {color:#3e976c}
.my_cou_wr span {display:block;line-height:20px;color:#000}

.my_info {padding:0 10px;line-height:18px}
.my_info dt {border-top:1px solid #e6e6e6;color:#fda83c;padding:10px 0 0;font-size:0.92em}
.my_info dd {padding:0 0 10px}
.my_info dt:first-child {border:0}

.btn_my_if{width:100%;border:0;background:#fff;padding:10px;background:#f3f3f3}

#smb_my_od {position:relative;margin:0 0 50px;padding:0}
#smb_my_od h2 {margin:0 0 10px;font-size:1.25em}
#smb_my_wish {margin:0 0 35px}
#smb_my_wish h2 {margin:0 0 10px;font-size:1.25em}
#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish li {float:left;width:25%;padding:5px}
#smb_my_wish li img {width:100%;height:auto;}
#smb_my_wish li a {display:block;margin:5px 0;font-weight:bold}
#smb_my_wish .empty_list {width:100%;padding:100px 0;text-align:center}
#smb_my_wish .btn_more {position:absolute;right:0;top:0}

@media (min-width:970px){
    #smb_my_ov {position:absolute;top:0;left:0;width:280px}
    #smb_my {padding:10px;padding-left:300px}
    .btn_my_if {display:none}
}

@media (max-width:969px){
    .my_info {display:none}
}

@media (max-width:640px){
        #smb_my_wish li {width:50%}
		a.btn_b02, .btn_b02 {width:100%;}

}


/* 위시리스트 */
#sod_ws {margin:10px}
#sod_ws li {background:#fff;border-bottom:1px solid #eee;margin:10px 0;position:relative;border-radius:3px}
#sod_ws .wish_img { position:absolute;top:50%;left:20px;z-index:10;width:70px;height:70px;margin-top:-35px;border-radius:50%;overflow:hidden;z-index:4}
#sod_ws .wish_info {padding:15px 15px 15px 100px;min-height:90px}
#sod_ws .wish_chk {position:absolute;top:5px;left:5px;z-index:9}
#sod_ws .info_date {color:#777;display:block;font-size:0.92em;margin:5px 0 0}
#sod_ws .wish_prd {display:block;font-weight:bold;font-size:1em}
#sod_ws .wish_del {position:absolute;bottom:10px;right:10px}
#sod_ws .wish_del a {display:block;width:30px;height:30px;line-height:30px;background:#eee;border-radius:3px;color:#777;text-align:center;font-size:1.25em}
#sod_ws .sold_out {display:inline-block;padding:3px 5px;background:#ff0000;color:#fff}

#sod_ws_act {text-align:center;margin:10px auto;width:200px}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:''}
#sod_ws_act .btn01 {float:left;width:49%;height:50px;background:#3e976c;font-weight:bold;border:0;color:#fff;font-weight:bold;font-size:1em}
#sod_ws_act .btn02 {float:right;width:49%;height:50px;border:1px solid #3e976c;color:#3e976c;font-weight:bold;background:#fff;font-weight:bold;font-size:1em}

/* 주문내역 include */
#sod_inquiry li {background:#fff;border:1px solid #eee;padding:15px;margin-bottom:10px;position:relative;border-radius:5px}
#sod_inquiry li .idtime_link {font-weight:bold;font-size:1.167em}
#sod_inquiry li .idtime_time {position:absolute;top:15px;right:15px;color:#999}
#sod_inquiry li .inquiry_name {margin:10px 0;color:#666}
#sod_inquiry li .inquiry_price {font-size:1.25em;font-weight:bold}
#sod_inquiry li .inv_status {display:block;text-align:center;margin:5px 0 0;font-weight:bold}
#sod_inquiry li .inv_inv {margin:10px 0 0;display:block;border:1px solid #c4c5cc;color:#666}

.status_01 {display:block;background:#fda83c;color:#fff;line-height:30px;}
.status_02 {display:block;background:#ff6f6f;color:#fff;line-height:30px;}
.status_03 {display:block;background:#5bd085;color:#fff;line-height:30px;}
.status_04 {display:block;background:#6fa8ff;color:#fff;line-height:30px;}
.status_05 {display:block;background:#333;color:#fff;line-height:30px;}
.status_06 {display:block;background:#f3f3f3;border:1px solid #ddd;color:#666;line-height:30px;font-weight:bold}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 15px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
/* 이미지 박스*/
.logo_box{
	padding-bottom: 5px;
}
/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;width:40px;height:40px;background:url('../../../img/captcha.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:3px 0 5px;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 5px;font-weight:bold}

/* 버튼 */
.btn {display:inline-block;padding:0 5px;height:30px;line-height:30px;border-radius:3px}
a.btn01 {display:inline-block;padding:0 7px;border:1px solid #ddd;background:#fff;color:#333;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ddd;background:#fff;color:#666;text-decoration:none}
a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {padding:0 5px;border:0;background:#000;color:#fff;letter-spacing:-0.1em}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}
a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}
.btn_top {margin:10px;text-align:right}
.btn_top li {display:inline-block}
.btn_top a, .btn_top .btn_submit {line-height:40px;height:40px;padding:0 10px;border-radius:0;}
.btn_top .btn_cancel, .btn_top .btn_b01 {border:1px solid #ddd;background:none;color:#666;line-height:40px;background:#fff;}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {
    display: inline-block;
    background: none;
    border: 1px solid #000;
    color: #000;
    background: none;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
}
a.btn_b02,.btn_b02 {
    display: inline-block;
    background: #333;
    color: #fff;
    text-decoration: none;
    border: 0;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    line-height: 42px;
    height: 42px;
}
a.btn_b03, .btn_b03 {
    display: inline-block;
    background: none;
    border: 1px solid #000;
    color: #000;
    background: none;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;
    height: 42px;
    line-height: 42px;
}
a.btn_b03:hover, .btn_b03:hover {background:#000;color:#fff}
a.btn_admin,.btn_admin {display:inline-block;background:#004092;color:#fff;text-decoration:none;vertical-align:middle;text-align:center;padding:5px 10px} /* 관리자 전용 버튼 */


/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 table {border-bottom:1px solid #d3d3d3}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {
	padding: 12px 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #d3d3d3;
    background: #fff;
    color: #383838;
    font-size: 1.6rem;
	font-weight:500;
    text-align: center;
    letter-spacing: -0.1em;
}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head01 td:first-child {border-left:0}
.tbl_head01 a {}

.tbl_head02 {margin:15px}
.tbl_head02 caption {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:7px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;background:#f3f3f3;color:#333;font-size:0.95em;text-align:center}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {background:#484848;color:#fff;font-weight:bold;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

.tbl_head03 {margin:0 0 10px}
.tbl_head03 table {border-bottom:1px solid #d3d3d3}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head03 td:first-child {border-left:0}
.tbl_head03 a {}

table.in_box {width:100%; border-top:1px solid #000; }
table.in_box th {background:#f7f7f7;}
table.in_box th, table.in_box td {padding:10px; border-bottom:1px solid #dddddd!important;}


/* 폼 테이블 */
.tbl_frm01 {
	background: #fff;
    border-radius: 10px;
    padding: 3em;
    margin: 2em 0;
    box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);
}
.tbl_frm01 table {width:100%;}
.tbl_frm01 table caption {margin-bottom:20px; font-size:1.8rem; color:#1a1a1a;}
#wrapper.mb_email {background:#f7f7f7;}
#wrapper.mb_email #container {padding:5em 0; width:100%; max-width:600px; margin:0 auto; text-align:center;}

.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ddd;background:#fff;color:#000;vertical-align:middle;padding:5px;max-width:100%}
.frm_input {height:48px}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px;width:100%}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%}
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}

/* 기본리스트 */
.list_01 {padding:0 10px;font-size:0.85em}
.list_01 li {background:#fff;padding:10px 15px;border-bottom:1px solid #eee}
.list_01 li.li_all_chk {position:relative;text-align:center}
.list_01 li.li_all_chk div {position:absolute;left:5px;top:10px}
.list_01 li.li_all_chk label {vertical-align:baseline}
.list_01 li:hover {background:#f9f9f9}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li.empty_li {border:0}

/* 기본폼 */
.form_01 {margin:10px}
.form_01 div {margin:.8em 0;position:relative}
.form_01 li {margin:.8em 0;position:relative}
.form_01 textarea, .frm_input {
	border: 1px solid #dcdcdc;
    border-radius: .5em;
    background: #fff;
    color: #000;
    vertical-align: middle;
    padding: 10px
}
.form_01 textarea {width:100%;height:100px}
.frm_input {height:45px}
.full_input {width:calc(70% - 0.2em); display:inline-block;}
.form_01 .frm_file {display:block;margin-bottom:5px;width:100%}
.form_01 select {height:45px;border-radius:3px}
.form_01 .frm_info {
    font-size: 1.5rem;
    color: #0668ce;
    text-align: right;
    margin: .6em 0 1.5em;
    display: block;
    line-height: 1.6em;
}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center !important;color:#666 !important}
.empty_list {padding:50px 0 !important;text-align:center !important;color:#666 !important}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:100px}
.grid_3 {width:120px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_chk {width:50px;text-align:center}
.td_group {width:100px;text-align:center}
.td_board {width:120px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:100px;text-align:left}
.td_date {width:50px;text-align:center}
.td_datetime {width:170px;text-align:center}
.td_mngsmall {width:50px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_stat {text-align:center}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size:1em;font-weight:bold;height:50px;padding:10px;line-height:30px;background:#000;color:#fff}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win_con {margin:10px}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block}
.new_win .win_ul li a {display:block;line-height:24px;padding:0 10px}
.new_win .win_ul li .selected {background:#4162ff;color:#fff;border-radius:13px;
-webkit-box-shadow:0 0 5px rgba(65,98,255,0.8);
-moz-box-shadow:0 0 5px rgba(65,98,255,0.8);
box-shadow:0 0 8px rgba(65,98,255,0.8)}

.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff}
.new_win .win_btn {clear:both;margin:10px;text-align:center}
.new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block;padding:0 10px;border:0;background:#000;color:#fff;text-decoration:none;height:40px;margin:10px 0}
.new_win .win_btn .btn_submit {width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰*/
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:5px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:10px 0;text-align:center}
.pg {display:inline-block}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 10px;height:30px;color:#000;line-height:28px;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page,.qa_page {background:#fff;border:1px solid #d4d4d4;border-radius:3px}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;width:30px;height:30px;text-indent:-999px;overflow:hidden}
.pg_current {display:inline-block;background:#000;color:#fff;font-weight:normal;border-radius:3px;line-height:30px}

/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute;top:0;left:0;width:100%;background-color:#eee}
#form_btn_layer { display:none;position:absolute;top:0;left:0;width:100%;height:60px;background-color:#eee}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left}

/*배송지목록*/
#sod_addr .win_desc {padding:10px 20px}

/*쇼핑몰레이아웃*/
#fregisterform {}
#bo_w .btn_submit, #bo_w a.btn_cancel {padding:8px 7px}
#bo_w {padding:10px}
#fqalist {}
#sit_sms_new #sms_agree {padding:10px 20px !important}

/*이벤트*/
#sev_hhtml,#sev_thtml {padding:10px}
#sev_hhtml img,#sev_thtml img {width:100%}

/*네이버페이*/
.naverpay-item {padding-top:15px;clear:both}
#sod_bsk_act .naverpay-cart {margin-top:15px;clear:both;position:static}

/*PC 주문서*/
#sod_frm_orderer .tbl_frm01, #sod_frm_taker .tbl_frm01 {}
#sod_frm_orderer table th, #sod_frm_taker table th {border:0; font-size:1.5rem; font-weight:500;}
#sod_frm_orderer table td, #sod_frm_taker table td {border:0;padding:10px 10px;vertical-align:middle}

#od_pay_sl input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1;}
#od_pay_sl .lb_icon {
    display: inline-block;
    float: left;
    max-width: 170px;
    width: calc(50% - 1.2em);
    background: #fff;
    border: 1px solid #eceff4;
    margin: -1px 5px 5px -1px;
    cursor: pointer;
    height: 60px;
    position: relative;
    padding-left: 65px;
    padding-top: 20px;
    z-index: 1;
    border-radius: .6em;
}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #ff006c;z-index:3}

#sod_frm_paysel {
    margin-bottom: 3em;
}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY {background:url('../../../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW {background:url('../../../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO {background:url('../../../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay {background:url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .kakaopay_icon {background:url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon {background:url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon {background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .iche_icon {background:url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .hp_icon {background:url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon {background:url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff}

#sod_frm #sod_bsk_tot {margin: 10px 10px 0 10px;}
#sod_frm #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm #sod_bsk_tot li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
#sod_frm #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm #sod_bsk_tot li span {display:block;color:#777;margin-bottom:5px;font-weight:bold}
#sod_frm #sod_bsk_tot .sod_bsk_sell,#sod_frm #sod_bsk_tot .sod_bsk_coupon {border-right:1px solid #e7ebf1}
#sod_frm #sod_bsk_tot .sod_bsk_point,#sod_frm #sod_bsk_tot .sod_bsk_cnt {width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right}
#sod_frm #sod_bsk_tot .sod_bsk_point span,#sod_frm #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0}
#sod_frm #sod_bsk_tot .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#ff006c;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {color:#ff006c;font-size:1.25em}
#sod_frm_pay .pay_tbl table {width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th {text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777}
#sod_frm_pay .pay_tbl td {text-align:right;padding:10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff}
#sod_frm_pay .pay_tbl td .cp_cancel {margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0}
#od_tot_price {background:#fff;line-height:40px;text-align:right;padding:0 10px;margin-bottom: 3em;}
#od_tot_price span {float:left;font-weight:bold}
#od_tot_price strong {font-size:1.5em;color:#ff006c}

.btn_address{background:#70aff2;border:0;width:45px; height:45px;color:#fff;padding:0 10px;font-size:1.5rem;font-weight:500; border-radius:.4em;}

.sod_left{display:table-cell;width:65%;padding:0 10px;vertical-align:top}
.sod_right{display:table-cell;width:35%;background:#eceff4;padding:20px;vertical-align:top;height:100%; border-radius:.6em;}

@media (max-width: 970px){
    .sod_right,.sod_left{display:block;width:100%;padding:10px}
    #sod_frm .frm_input{width:100%}

}

/*개인결제 폼*/
#m_sod_frm_orderer {margin:10px}
#m_sod_frm_orderer h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#m_sod_frm_orderer ul {background:#fff;margin:10px 0;border-bottom:1px solid #ccc;padding:10px 15px}
#m_sod_frm_orderer li {line-height:20px}
#m_sod_frm_orderer th {width:80px}
#m_sod_frm_orderer td .frm_input {width:100%}
#m_pv_sod_frm .btn_confirm {margin:10px}
#m_pv_sod_frm .btn_confirm .btn_submit {width:100%;height:45px;font-size:1.167em;font-weight:bold;margin:0 0 3px}
#m_pv_sod_frm .btn_confirm .btn_cancel {width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:bold;padding:0}

/*main-공통*/
#main-container section {padding:9em 0;}
@media (min-width: 1280px) {#main-container section {overflow: hidden;}}
.main-tit {position:relative; text-align:center; margin-bottom:3em;}
.main-tit h3 {font-family:'Noto Sans Korean', sans-serif; font-size:3.2rem;color:#333; letter-spacing:-0.01em; margin-bottom: .3em;}
.main-tit h3 span {color:#333;}
.main-tit p { font-size:2.5rem;color:#333;position: relative;}
.main-tit02 {
    position: relative;
    overflow: hidden;
    color: #333;
    margin-bottom: 5em;
}
.main-tit02 h3 {
    font-family: 'Play', Sans-serif;
    font-size: 5rem;
    margin-bottom: .5em;
}
.main-tit02 p {
    font-weight: 300;
    font-size: 2rem;
    opacity: .9;
}
a.more-btn01 {
	font-family:'Play', 'Noto Sans Korean', Sans-serif;
	font-size:1.6rem;
	color:#fff;
	text-align:center;
	letter-spacing:0.07em;
	display:block;
	max-width:190px;
	line-height:52px;
	background:#004092;
	border-radius:16px 0 16px 0;
}
a.more-btn02 {
	font-family:'Play', 'Noto Sans Korean', Sans-serif;
	font-size:1.6rem;
	color:#004092;
	text-align:center;
	letter-spacing:0.07em;
	display:block;
	max-width:190px;
	line-height:52px;
	background:none;
	border:1px solid #004092;
	border-radius:50px
}
a.more-btn03 {
	font-family:'Noto Sans Korean', Sans-serif;
	font-size:1.6rem;
	color:#004092;
	text-align:center;
	display:block;
	max-width:190px;
	line-height:52px;
	background:#fff;
	border:1px solid #004092;
	border-radius:16px 0 16px 0;
}
a.btn-ytb {
	background:#0084e6;
	font-family:'Play', Sans-serif;
	font-size:1.8rem;
	color:#fff;
	letter-spacing: normal;
	height:52px;
	line-height:52px;
	padding:0 1em;
	position:relative;
}
a.btn-ytb:before {
    content: '';
    width: 23px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
}


a.btn-biz {
	background:#2f2f2f;
	font-family:'Play', Sans-serif;
	font-size:1.8rem;
	color:#fff;
	letter-spacing: normal;
	height:52px;
	line-height:52px;
	padding:0 1em;
	position:relative;
}

a.btn-biz:before {
    content: '';
    width: 23px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
}

a.btn-edu {
	box-shadow:inset 0 0 0 1px #0084e6;
	font-size:1.8rem;
	color:#0084e6;
	height:52px;
	line-height:52px;
	padding:0 1em;
	position:relative;
}

a.btn-edu:before {
    content: '';
    width: 23px;
    height: 1px;
    background: #0084e6;
    position: absolute;
    top: 50%;
    right: 0;
}


/*main-visual*/
.main-visual {height:800px; position:relative;}
.visual-slide {height:100vh;}
.visual-slide .visual-txt {
	position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 90%;
    max-width: 1200px;
}

.visual-slide .visual-txt h2 {
	font-family:'S-CoreDream-6ExtraBold', Sans-serif;
	font-size:4.2rem;
	font-weight:800;
	color:#222;
	margin-bottom: .8em;
	max-width:840px;
	word-break:keep-all;
	letter-spacing :-1px;
}
.visual-slide .visual-txt h2.font-scd {font-family:'S-CoreDream-7ExtraBold', Sans-serif; font-size:6rem; max-width:840px; word-break:keep-all;}
.visual-slide .visual-txt p {font-size:1.8rem; color:#222; opacity:.9; line-height: 28px; margin-bottom: 2.5em; max-width:700px; word-break:keep-all;}
.visual-slide .visual-txt a.more-btn01 {background:#0085e6; }
.visual-slide .crtl-wr {
	position: absolute;
    bottom: 28%;
    left: 50%;
    transform: translate(-50%, -25%);
    width: 90%;
    max-width: 1200px;
    z-index: 2;
}
.visual-slide .crtl-wr .inner {position:relative;max-width:200px;width: 50%;display: inline-block;margin-right: 2em;}
.swiper-pagination.visual-blt {
	font-family: 'Play', Sans-serif;
    font-weight: 300;
    font-size: 17px;
    letter-spacing: 0.2em;
    color: #4d4d4f;
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: auto;
    transform: translate(-50% , 0);
}

.swiper-pagination.visual-blt-white {
	font-family: 'Play', Sans-serif;
    font-weight: 300;
    font-size: 17px;
    letter-spacing: 0.2em;
    color: #fff;
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: auto;
    transform: translate(-50% , 0);
}

.visual-slide .swiper-button-next {
    top: auto;
    bottom: 0;
    left:  auto;
    right: 0;
    width: 3em;
    height: 1.5em;
    background-image: none;
    background: url('/img/next_arr_w2.png')no-repeat center;
}
.visual-slide .swiper-button-prev {
    top: auto;
    bottom: 0;
    left: 0;
    width: 3em;
    height: 1.5em;
    background-image: none;
    background: url(/img/next_arr_w2.png)no-repeat center;
    transform: rotate(180deg);
}
.visual-slide .swiper-scrollbar {height:2px; background:rgba(255,255,255,0.5);}
.visual-slide .swiper-scrollbar-drag {background:#fff;}

.swiper-progress-bar {
    position: relative;
    width: 100%;
    display: block;
    z-index: 1;
    height: 2px;
}
.visual-slide .main-slide { background-color: white; background-position:center; background-size:cover;}
.swiper-progress-bar .slide_progress-bar {
    position: absolute;
    height: 2px;
    background: rgb(255 255 255 / 30%);
    width: auto;
    clear: both;
    opacity: 0;
    bottom: 12px;
    left: 0;
    right: 0;
}

.swiper-progress-bar .slide_progress-bar:after {
    position: absolute;
    top: 0;
    left: 0;
    background: #4d4d4f;
    height: 100%;
    width: 0;
    content: "";
}

.swiper-progress-bar.active .slide_progress-bar {
    opacity: 1;
}

.swiper-progress-bar.animate .slide_progress-bar:after {
    transition: width linear;
    transition-delay: unset;
    width: 100%;
    transition-duration: 8s;
}

/*scrollbtn*/
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@-moz-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
 .scroll-btn {
    display: block;
    position: absolute;
    left: 50%;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
    max-width: 130px;
    transform: translateX(-50%);
}
.scroll-btn > * {
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
	letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
	color: #fff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 22px;
	height: 35px;
	margin: 0 auto 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #333;
	border-radius: 20px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top:29%;
	left:50%;
	width:6px;
	height:6px;
	margin:-3px 0 0 -3px;
	background: #333;
	border-radius:50%;
	-webkit-animation: ani-mouse 2s linear infinite;
	-moz-animation: ani-mouse 2s linear infinite;
	animation: ani-mouse 2s linear infinite;
}
.scroll-btn .scroll-down {font-family:'Play', sans-serif; font-size: 9px; color:#333; padding-bottom:1rem;}
.scroll-btn .scroll-down:after {content:''; display:none; margin:.4em auto 0; width:1px; height:35px; background:#fff;}

/*main-about*/
.main-sec01 {position:relative;overflow: hidden;}
.main-sec01 .bg-line {
    width: 100%;
    max-width: 1600px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.main-sec01 .bg-line span {
    float: left;
    width: 25%;
    height: 100%;
    opacity: 1;
    border-right: 1px solid #ececec;
}
.main-sec01 .bg-line span.fir {border-left: 1px solid #ececec;}
.icon-list {overflow: hidden;padding-top:2em;position: relative;}
.icon-list li {
    width: calc(25% - 0.18em);
    display: inline-block;
    padding: 0 2%;
    vertical-align: top;
    text-align: center;
}
.icon-list li img {margin-bottom: 1.8em;}
.icon-list li .li-tit {font-size: 1.8rem; color: #000; position:relative;}
.icon-list li .li-tit:after {content:'';display:block;width:27px;height:1px;margin: 1.5em auto;background:#989898;}
.icon-list li #counter .value {display:inline-block; position:relative; font-family:'Play', Sans-serif;  font-size:4.8rem; font-weight:700; color:#004092;}
.icon-list li #counter span {display:inline-block; font-family:'Play', Sans-serif;  font-size:4.8rem; font-weight:700; color:#004092; }
/*.icon-list li #counter .type01:after {content:'+'; }
.icon-list li #counter .type02:after {content:'(10.0)';}*/
.icon-list li .li-cont {font-size: 1.6rem;line-height: 1.5;color: #5f5f5f;margin-top: 1.6em;}

/*main-education*/
.main-sec02 {
    background-color:#fff;
	position:relative;
}
@media (min-width: 1820px) {
    .main-sec02 {min-height: 820px;}

}
.main-sec02:before {
    content: '';
    display: block;
    width: 40%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
}
.main-sec02 .cont-a {
    display: inline-block;
    width: 46%;
    padding-left: 8%;
}
.main-tabmenu {
    overflow: hidden;
    width: 55%;
}
.main-tabmenu li {position:relative;cursor:pointer;margin-bottom: 1em;}
.main-tabmenu li span {
	font-family:'Play', Sans-serif;
	font-size:2rem;
	font-weight:700;
	color:#666;
	text-align: center;
	border-radius:15px 0;
	width: 2.3em;
	height: 2.3em;
	line-height: 2.3em;
	display: inline-block;
}
.main-tabmenu li p {font-size:2rem;color:#333;display: inline-block;padding-left: .5em;}
.main-tabmenu li:after {display:none;}
.main-tabmenu li.on:after {
    content: '';
    display: block;
    width: 25px;
    height: 14px;
    background: url('/img/next_arr_w_white.png')no-repeat center;
    position: absolute;
    bottom: 1em;
    right: 0;
}
.main-tabmenu li.on span {background:#eee; color:#333;}
.main-tabmenu li:before {content:'';display:block;width:0;height:1px;background:#666;transition:all ease .5s;position: absolute;bottom: 0;left: 3.7em;}
.main-tabmenu li.on:before {width: 100%;height:1px;}

.main-tabmenu li:hover::before,
.main-tabmenu li.on:hover::before {width:100%; height:1px;}

.main-sec02 .cont-b {	display:none;}
.main-sec02 .cont-b.on {
	width: calc(52% - 0.3em);
    display: inline-block;
    vertical-align: top;
    position: relative;
    float: right;
}
.swiper-container.edu-slide {padding-bottom:3.5em; padding-right:13.8%;}
/*.swiper-container.edu-slide .swiper-slide { border: 1px solid red; max-height: 520px;}*/
.edu-slide .swiper-slide .cont-txt dl {
    width: 100%;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    padding: 4em;
}
.edu-slide .swiper-slide .cont-txt dl dt {font-size:2.5rem;color:#fff;margin-bottom:.3em;width: 101%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.edu-slide .swiper-slide .cont-txt dl dd {font-size:1.6rem; color:#fff; opacity:.8; margin-bottom:1em;}
.edu-slide .swiper-slide .cont-txt dl dd .more-w {
	font-family: 'Play', Sans-serif;
    font-size: 1.6rem;
	font-style:normal;
    color: #fff;
    text-align: center;
    letter-spacing: 0.07em;
    display: block;
    max-width: 150px;
    line-height: 45px;
    border:1px solid #fff;
    border-radius: 16px 0 16px 0;
	margin:0 auto;
	opacity:1;
}

.edu-slide .swiper-slide a {
	opacity:0;
	width: 100%;
    height: 100%;
    max-width: 817px;
    position: absolute;
    top: 0;
    left: 0;
	transition:all ease .5s;
	text-align:center;
}
.edu-slide .swiper-slide a:hover {
	opacity:0;
    display: block;
    background: rgba(0,0,0,0.7);
    cursor: pointer !important;
}
.edu-slide .swiper-slide-active { box-shadow:4px 4px 18px rgba(0,0,0,0.3);}
.edu-slide .swiper-slide .img-section {
    padding-bottom: 63.5%;
    background-repeat: no-repeat;
	background-position:center;
    background-size: cover;
}
.edu-slide .swiper-pagination.edu-blt {font-family:'Montserrat', Sans-serif; letter-spacing:0.2em; color:#333; position:absolute; bottom:0; left:7%;; width:auto;}
.edu-slide .swiper-button-next {
	top:auto;
	bottom:0;
	left:13.5%;
	right:auto;
	width:3em;
	height:1.5em;
	background-image:none;
	background:url('/img/next_arr_w2.png')no-repeat center;
}
.edu-slide .swiper-button-prev {
	top:auto;
	bottom:0;
	left:0;
	width:3em;
	height:1.5em;
	background-image:none;
	background:url('/img/next_arr_w2.png')no-repeat center;
	transform: rotate(180deg);
}
 .edu-slide .swiper-scrollbar {
	width: 35%!important;
    left: auto!important;
    right: 15%;
}


/*main-solution*/
.main-sec03{background-image: url(/img/main/section03_bg.png); background-size:cover; background-repeat: no-repeat; background-attachment: fixed;}
.main-sec03 a.more-btn01 {margin:0 auto;}
.main-sec03 .main-tit h3{color:#333;}
.main-sec03 .main-tit span{color:#333;}
.main-sec03 .main-tit p{color:#333;}
.main-sec03 .cont-a {}
.main-sec03 .cont-a .more-btn01 { margin: 0 auto; position:absolute; bottom:0; left:50%; width:190px; transform:translateX(-50%);}
.swiper-container.solution-slide {height:540px; padding:3em 4% 4em 4%;}
.swiper-container.solution-slide .swiper-button-next {
	border:1px solid #666;
	width:3.25em; height:3.25em;
	background-image:none;
	background:url('/img/next_arr_g.png')no-repeat center;
	cursor:pointer;
}
.swiper-container.solution-slide .swiper-button-prev {
	border:1px solid #666;
	width:3.25em;
	height:3.25em;
	background-image:none;
	background:url('/img/next_arr_g.png')no-repeat center;
	transform: rotate(180deg);
	cursor:pointer;
}


.solution-slide .swiper-button-prev.swiper-button-disabled {opacity:1;}
.solution-slide .swiper-pagination {display:none;}

.solution-slide .swiper-slide { position:relative; transition: all 200ms linear;  transform: scale(0.85);}


.solution-slide .swiper-slide {display:block; box-shadow:2px 7px 14px rgba(0, 0, 0, 0.2); background:#fff;}
.solution-slide .swiper-slide-active {    transition: all 200ms linear;  transform: scale(1);}
.solution-slide .img-section {padding-bottom: 65%; background-size:cover; background-repeat:no-repeat;}
.solution-slide .slide-cont {text-align: center;padding: 2.5em; min-height:13em;}
.solution-slide .slide-cont h3 {
    font-size: 2.3rem;
    font-weight: 500;
	color:#1a1a1a;
    margin-bottom: .5em;
}
.solution-slide .slide-cont p {
    font-size: 1.7rem;
    color: #5f5f5f;
    line-height: 1.5;
}

/*main-news*/
.main-sec04 {
    background: url('/img/main/m_sec04_bg.jpg')no-repeat center;
    background-size: cover;
}
.main-sec04 .main-tit h3 {color:#fff;}
.main-sec04 .main-tit p {color:#fff;opacity: .9; }
.main-bn01 {
    width: calc(33% - 1.5em);
    height: 30em;
    background: url('/img/main/m_bn01_bg.jpg')no-repeat center;
    background-size: cover;
    padding: .4em;
    display: inline-block;
    margin-right: 3%;
    vertical-align: top;
}
.main-bn01 a {
	display:block;
	height:100%;
	padding:2.3em 2.6em;
	background:rgba(0,0,0,0.25);
	transition:ease .3s;
}
.main-bn01 a:hover {background:rgba(0,0,0,0.5);}
.main-bn01 .bn-tit { color: #fff; margin-bottom: 3em; }
.main-bn01 .bn-tit h4 {
    font-weight: 500;
    font-size: 2.5rem;
    margin-bottom: .5em;
}
.main-bn01 .bn-tit p { font-size:1.6rem; font-weight: 300;}
.main-bn01 .more-icon {
    border: 1px solid #fff;
    width: 2.7em;
    height: 2.7em;
    display: block;
    position: relative;
	background:url('/img/next_arr_w_white.png')no-repeat center;
}
.main-bn01 .more-icon:hover {
    animation: arr_effect .6s;
	animation-iteration-count:infinite;
    transform-origin: 50% 50%;
}
@keyframes arr_effect{
	100% {
    	transform: translateX(20px);
	}
}


.board-area {
    display: inline-block;
    width: calc(33% - 1.78em);
    height: 30em;
    background: #fff;
    margin-right: 3%;
}
.board-area .bn-tit {margin-bottom: 1em;padding: 2.3em 0 0 2.3em;}
.board-area .bn-tit a {display:block; position:relative; overflow:hidden;}
.board-area .bn-tit h4 {float:left; font-weight: 500;  font-size: 2.5rem; margin-bottom: .5em;}
.board-area .bn-tit .more-ico {
	width: 5em;
    height: 2em;
    display: block;
    position: relative;
    background: url(/img/next_arr_g.png)no-repeat center;
    float: right;
    transform: translateX(-4px);
}

.board-area .bn-tit .more-ico:hover {
    animation: arr_effect .6s;
	animation-iteration-count:infinite;
    transform-origin: 50% 50%;
}
@keyframes arr_effect{
	100% {
    	transform: translateX(10px);
	}
}

.board-area .board-wr {
    padding: 0 2.3em;
	height:22.5em;
	overflow-y: auto;
}
.board-area .board-wr ul {
    display: flex;
    align-content: flex-start;
    flex-direction: column;
}
.board-area .board-wr ul li {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #dddddd;
	overflow:hidden;
	text-align:left;
}

.board-area .board-wr ul li:last-child {border-bottom:none;}
.board-area .board-wr ul li .date {font-family:'Play', Sans-serif;color:#004092;display: flex;flex-direction: column;width: 17%;text-align: center;margin-right: 3%;vertical-align: top;float: left;}
.board-area .board-wr ul li .date span {font-size:1.4rem;}
.board-area .board-wr ul li .date strong {font-size:3rem;}
.board-area .board-wr ul li dl {
    display: inline-block;
    width: 77%;
    margin-bottom: 18px;
}
.board-area .board-wr ul li dl dt {font-size:1.7rem;color:#000;margin-bottom: .3em;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board-area .board-wr ul li dl dd {
	font-size:1.5rem;
	color:#757575;
	width:100%;
	max-height:46px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: normal;
	line-height: 1.5;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.right-bn {display:inline-block;width: calc(33% - 1.7em);vertical-align: top;}
.main-bn02 {
	height: 14em;
	padding: 2.3em ;
	margin-bottom: 2em;
	background:url('/img/main/bn02_bg.png')no-repeat right 1.7em bottom 2em #0085e6;
}
.main-bn02 .bn-tit {color:#fff;}
.main-bn02 .bn-tit h4 {font-size:2.5rem;font-weight:500;margin-bottom: .3em;}
.main-bn02 .bn-tit p {font-size:1.6rem;  opacity:.75;}
/*
.main-bn02 a {
	border-bottom: 1px solid #fff;
    font-family: 'Play', Sans-serif;
    font-size: 1.6rem;
	letter-spacing:normal;
    color: #fff;
    margin-top: 2em;
    padding-bottom: .2em;
    display: block;
    max-width: 115px;
}
.main-bn02 a .down-ico {float:right; width:22px; height:14px; display:inline-block; background:url('/img/down_icon.png')no-repeat center;}
*/
.main-bn02 a .down-ico {width:22px; height:14px; display:inline-block; background:url('/img/next_arr_w_white.png')no-repeat center; margin-top:1em;}
.main-bn02 a .down-ico:hover {
	animation: arr_effect .6s;
	animation-iteration-count:infinite;
    transform-origin: 50% 50%;
}
@keyframes arr_effect{
	100% {
    	transform: translateX(10px);
	}
}

.main-bn03 {
	height: 14em;
	padding: 2.3em;
	margin-bottom:1em;
	background:url('/img/main/bn03_bg.png')no-repeat right 1.7em bottom 2em;
	box-shadow:inset 0 0 0 1px #fff;
}
.main-bn03 .bn-tit {color:#fff;}
.main-bn03 .bn-tit h4 {font-size:2.5rem;font-weight:500;margin-bottom: .3em;}
.main-bn03 .bn-tit p {font-size:1.6rem; opacity:.8;}
.main-bn03 a .down-ico {width:22px; height:14px; display:inline-block; background:url('/img/next_arr_w_white.png')no-repeat center; margin-top:2.5em;}
.main-bn03 a .down-ico:hover {
	animation: arr_effect .6s;
	animation-iteration-count:infinite;
    transform-origin: 50% 50%;
}
@keyframes arr_effect{
	100% {
    	transform: translateX(10px);
	}
}

/*main-reference*/
.main-sec05 {background:#fff;}
.main-sec05 .partner {width:100%; max-width:1500px; margin:0 auto; position:relative; overflow:hidden;}
.swiper-container.partner-slide {position:static; max-width:1280px;}
.swiper-container.partner-slide .swiper-button-next {
	border: 1px solid #aaaaaa;
    width: 3.25em;
    height: 3.25em;
    background-image: none;
    background: url('/img/next_arr_g.png')no-repeat center;
}
.swiper-container.partner-slide .swiper-button-prev {
	border: 1px solid #aaaaaa;
    width: 3.25em;
    height: 3.25em;
    background-image: none;
    background: url('/img/next_arr_g.png')no-repeat center;
    transform: rotate(180deg);
}

.swiper-container.partner-slide .swiper-pagination {display:none;}
.partner-slide .swiper-slide {
	cursor:pointer;
	position: relative;
    /*height: 9.8em;*/
    background: #fff;
	margin-top:0!important;
	margin-bottom:3em;
}
.partner-slide .swiper-slide .img-section {position:relative; display:flex; height:100%; padding:4em; overflow:hidden; border:1px solid#dddddd; box-sizing: border-box;}
.partner-slide .swiper-slide img {
	display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	width:80%;
}
.partner-slide .rpnc-cont {
    background: rgba(0,0,0,0.8);
    width:0;
    height: 100%;
    padding: 1.2em;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease .3s;
    z-index: 1;
}
.partner-slide .swiper-slide:hover > .rpnc-cont {width:100%; opacity:1;}

.partner-slide .rpnc-cont ul li {position:relative; padding-left:.8em; margin-bottom:.3em; }
.partner-slide .rpnc-cont ul li:before {content:'-'; display:block; position:absolute; top:0; left:0; color:#fff;}
.partner-slide .rpnc-cont ul li a {padding-bottom:.8em; font-size: 1.4rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.partner-slide .rpnc-cont ul li a:hover {font-weight:500; color:#2aa5ff;}

.partner-slide .swiper-slide .info-cont {}
.partner-slide .swiper-slide .info-cont dt {background:#e8e8e8; padding:8px; text-align:center; width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.partner-slide .swiper-slide .info-cont dd {
	padding-top:1em;
	font-size:1.4rem;
	color:#666;
	background:#fff;
	overflow: hidden;
}
.sub-ptn .partner-slide .swiper-slide .info-cont dd {
	margin-top:.8em; background:#fff;
	overflow: hidden;
}
.partner-slide .swiper-slide .info-cont dd p {
	position:relative;
	padding-left:.8em;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.partner-slide .swiper-slide .info-cont dd p:before {content:''; display:block; position:absolute; top:.5em; left:0; width:4px; height:4px; background:#2aa5ff;}
/*main-live*/
.main-sec06 {position:relative; background-color:#eee;}
.main-sec06 .inner1600 {overflow:inherit;}
/* .main-sec06:before {
	content:'';
	background:#013e7d;
	width:100%;
	height:50vh;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.main-sec06:after {
	content:'IGM Live';
	font-family:'Montserrat', Sans-serif;
	font-weight:800;
	font-size:19rem;
	color:#013871;
	position:absolute;
	top:.8em;
	left:0;

} */
.main-sec06 .main-tit {margin-bottom:4em; z-index:2;}
.main-sec06 .main-tit h3 {color:#333;}
.live-slide .swiper-slide {transition: all 200ms linear;  transform: scale(0.5); opacity:0;}
.live-slide .swiper-slide-active {transition: all 200ms linear;  transform: scale(1); opacity:1;}
.swiper-pagination.live-blt { width: auto!important;left: 54%!important;}

.main-sec06 .cont-a {position:relative;z-index:1;display: flex;}
/*.video-wr {position:relative; display:inline-block;width: 50%;vertical-align:top;padding-bottom: 1em; margin-top:5em;}*/
.video-wr {position: relative; display:inline-block;width: 50%;vertical-align:top; max-width: 100%; padding-bottom: 28%; height: 0;  margin-top:5em;}
.live-cont-wr {
	display: inline-block;
	width: 50%;
	max-height: 32em;
	padding: 4em;
}
/*.video-wr iframe {width:100%; height: 456px;box-shadow: 1px 4px 17px 0px rgba(0,0,0,0.4);}*/
.video-wr iframe {position: absolute; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.live-cont span {font-family:'Noto Sans Korean', Sans-serif; font-size:2.2rem;color:#0085e6;}
.live-cont h3 {
	font-size:3.4rem;
	font-weight:400;
	color: #222;
	margin-bottom: .4em;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}
.live-cont p {
	font-size: 2rem;
    color: #646464;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 2.9em;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.btn-align {margin-top: 3em;}
.item-info .item-cont .btn-align:last-child {margin-top:0;}
.btn-align a {display:inline-block; width:calc(33% - 0.4em); vertical-align:top; margin-right:.3em; margin-bottom:.8em;}
.btn-align a:hover:before {width:50px;  transition:.3s ease;}
.hs-tag {margin-top: 2em;}
.hs-tag li {
	display:inline-block;
	font-size:1.5rem;
	color:#0084e6;
	margin-right:.4em;
	border-bottom:1px solid #0084e6;
	padding-bottom:.2em;
}

/*ceo클럽*/
.ceo-club .cont-a {position:relative; padding:8em 0;}
.ceo-club .cont-a .img-section {width: 45%;display:inline-block;margin-right: 6%; vertical-align:top;}
.ceo-club .cont-a .txt-box  {width: 48%;display:inline-block; padding-top:3em;}
.ceo-club .cont-a .txt-box h3 {
	font-size: 3.4rem;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: .4em;
}
.ceo-club .cont-a .txt-box p {
	font-size: 1.8rem;
    color: #656565;
    line-height: 1.8;
}
.ceo-club .cont-b {position:relative; width:100%; background:url('/img/sub/ceo_bg.jpg')no-repeat center; background-size:cover;}
.ceo-club .cont-b .inner1280 {overflow: inherit;}
.ceo-club .cont-b .img-section {width: 38%;display:block;position:absolute;top:0;right:0;font-size: 0;overflow: hidden;border-radius: 70px 0;box-shadow: 1px 6px 20px rgb(0 0 0 / 28%);}
.ceo-review .title {margin-bottom: 5em;width: 55%;}
.ceo-review .title h3 {font-size: 4.5rem;font-family: 'Play', sans-serif;color:#fff;}
.ceo-review .title h4 {font-size: 2.8rem;font-weight: 500;color:#fff;}
.ceo-review .title h4:after {content:''; display:block; margin:1em 0; width:30px; height:1px; background:#fff;}
.ceo-review .title p {font-size: 1.8rem;color:#fff;opacity:.8;margin-bottom: 2em;}
.ceo-review .title span {color:#fff;}
.officer {width:54%;padding: 13em 0 0 0;}
.officer .txt-box {}
.officer .txt-box h3 {
    font-size: 2.6rem;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: .8em;
}
.officer .txt-box .txt-list li { margin-bottom: .5em;}

@media (max-width:1600px) {
	.hd_right_btn {width:360px; display:block;}
	.hd_search {
		position:absolute;
		bottom:0;
		left:100px;
	}
	.igmp-nav {margin-top:20px;}
}

@media (max-width:1500px) {

	html {font-size:58%;}
	#main-container section {padding:9em 4%;}
	.visual-slide .crtl-wr { bottom:31%;}

	/*main-about*/
	#main-container section.main-sec01 {padding:9em 0;}
	.main-sec01 .pc-b {display:none;}

	/*main-edu*/
	#main-container section.main-sec02 {padding:9em 0;}
	.main-sec02:before {width:34%;}
	.edu-slide .swiper-button-next {left:18%;}
	.edu-slide .swiper-pagination.edu-blt {left:9.4%;}
	.main-tabmenu {width:85%;}

	/*main-solution*/
	.main-sec03 .pc-b {display:none;}

	/*main-news*/
	.main-sec04 .pc-b {display:none;}
	.right-bn {width:calc(33% - 2em);}

	/*main-reference*/
	.swiper-container.partner-slide {width:85%}
	.partner-slide .swiper-slide img {max-width:70%;}

	/*main-live*/
	.live-cont-wr {padding:4em 3em;}
	.btn-align a {
		display: inline-block;
		vertical-align: top;
		margin-right: .3em;
		width: calc(33% - 0.35em);
		min-width:auto!important;
	}
	.btn-align {margin-top:3em;}
	.swiper-pagination.live-blt {bottom:2.5em!important;}

	/*footer*/
	#ft {padding:0 4%;}
	.ft_wr h1 {display:block; width:100%; margin:0 auto; text-align:center;}
	.ft_con {display:block; width:100%; text-align:center; margin:1em 0; padding:0;}
	#ft .sns_link {width:100%; max-width:310px; display:block; margin:0 auto; text-align:center;}
	a.newslt-btn  {position:relative; margin:0 auto 2em; max-width:145px; display:block; text-align:center;}
	.ft_con_r {width:100%;}

}


@media (max-width:1279px) {
	#hd_wr.fixed .hd_right_btn, #hd_wr .hd_right_btn  {
		background: #fff;
		position: fixed;
		max-width: 360px;
		width: 100%;
		height:100px;
		top: 92px;
		right: -320px;
		margin-right:0;
		padding:1em 2%;
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		transition: all 0.3s ease;
		border-left:1px solid #dddddd;
	}
	#hd_wr.fixed .hd_right_btn.open, #hd_wr .hd_right_btn.open  {
		right: 0px;
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}
		#hd_wr.fixed .hd_right_btn {margin-top:0;}
	/*menu toggle*/
	.hd-mbtn { position:relative; float:right; display:inline-block; margin-top:2em;}
	label.menu-toggle {
	cursor: pointer;
		display: inline-block;
		z-index: 100;
		width: 35px;
		height: 35px;
		border-radius: 100%;
		transition: all ease .4s;
		transform: rotate(90deg);
	}
	label.menu-toggle div {float:left;}
	.toggle-text {margin-right:10px; margin-left:20px; font-size:15px; color:#fff;  line-height:60px;}
	.toggle-line {margin-top:22px;}
	.line {
	  display: inline-block;
	  width: 2px;
	  height: 27px;
	  background: #000;
	  border-radius: 6px;
	  transition: 0.3s ease,  0.3s ease;
	}
	.line-2 {height:27px; margin-left: 5px;}
	.line-3 {height:17px; margin-left: 5px;}
	.line-4 {display:none;}
	.overlay {
	  display: block;
	  position: fixed;
	  top: 92px;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 3;
	  pointer-events: none;
	  background:rgba(0,0,0,0.6);
	  background-size:cover;
	  opacity: 0;
	  transition: opacity 0.6s ease;
	}

	.page {
	  position: relative;
	  padding: 50px;
	  transition: 0.3s ease,  0.3s ease;
	  z-index: 1;
	}

	#menu-toggle {
	  opacity:0;
	}
	#menu-toggle:checked ~ label.menu-toggle {
	top: 6px;
	position:absolute;
	right:2%;
	}
	#menu-toggle:checked ~ .menu-toggle .line-1 {
	  -webkit-transform: translateY(0) rotate(45deg);
	  transform: translateX(0) translateY(0) rotate(45deg);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  background:#000;
	}
	#menu-toggle:checked ~ .menu-toggle .line-2 {
	  -webkit-transform: translateY(0) rotate(-45deg);
	  transform: translateX(-5px) translateY(0) rotate(-45deg);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  margin-top:4px;
	  background:#000;
	  margin-left:0;
	}
	#menu-toggle:checked ~ .menu-toggle .line-3 {display:none;}
	.nav-bar.open {
	  -webkit-transform: translateX(0);
			transform: translateX(0);
			right: 0px;
			opacity:100;
			border-left:1px solid #dddddd;
	}
	#menu-toggle:checked ~ #header {background:#fff;}

	#menu-toggle:checked ~ nav ul li {
	  -webkit-transform: translateX(0);
			  transform: translateX(0);
	}
	#menu-toggle:checked ~ .overlay {
	  opacity: 1;
	  pointer-events: all;
	  display:none;
	}
	.hd_search {position:relative; left:0;}


	/*main-edu*/
	.solution-slide .slide-cont {min-height:auto;}
}


@media (max-width:1200px) {
	html {font-size:52%;}

	/*footer*/
	.ft_top {border-bottom:0;}
	#ft_link {padding:2em 0;}
	.family {width:23%; border:0; border-bottom:1px solid #56575a;}
	.family ul {border:0; background:#171717; top:60px;}


	/*main-공통*/
	#main-container section {padding:5em 4%;}
	.main-tit p {font-size:2rem;}
	.visual-slide .visual-txt h2, .visual-slide .visual-txt p {max-width:100%;}
	.visual-slide .crtl-wr { bottom:23%;}

	/*main-edu*/
	.main-sec02 .cont-a {display:block; width:100%; margin-bottom:3em; padding:0 6%;}
	.main-tit02 {margin-bottom:3.5em;}
	.main-sec02:before {width:100%; height:20vh; top:auto; bottom:0;}
	.main-tabmenu {width:100%;}
	.main-tabmenu li {
		display: inline-block;
		width: calc(50% - 2em);
		overflow: hidden;
		margin-right: 4%;
	}
	.main-sec02 .cont-b.on {width:100%; padding:0 8%; margin:0 auto; float:none;}
	.main-sec02 .cont-b {width:100%; padding:0 8%; margin:0 auto; float:none;}
	.edu-slide .swiper-pagination.edu-blt {left:50%; transform:translateX(-50%); font-weight: 600; color:#000;}
	.swiper-container.edu-slide {padding-right:0;}
	.edu-slide .swiper-button-next {right:0; left:auto; background:url('/img/next_arr_g.png')no-repeat center;}
	.edu-slide .swiper-button-prev {left:0; right:auto; background:url('/img/next_arr_g.png')no-repeat center;}


	#main-container section.main-sec02 {padding:5em 0;}
	.edu-slide .swiper-scrollbar {display:none;}
	.main-tabmenu li:before {left:2.8em;}

	/*main-solution*/
	.swiper-container.solution-slide {height:35em; padding:.8em 2% 6em 2%;}
	.solution-slide .swiper-slide
	.solution-slide .swiper-slide-active {padding:0;}

	.swiper-container.solution-slide .swiper-button-next, .swiper-container.solution-slide .swiper-button-prev {display:none;}
	.solution-slide .swiper-pagination {display:block; bottom:0!important;}


	/*main-news */
	.main-sec04 .inner1280 {text-align:center;}
	.main-bn01 {text-align:left; width:48%;height: 29em;}
	.right-bn {display:flex; width:100%; margin-top:1.8em; text-align:left;}
	.main-bn02, .main-bn03 {display:inline-block;width:100%; height:20em; vertical-align:top;}
	.main-bn02 {margin-bottom:0; margin-right:3%;}
	.main-bn01 a {padding:1.8em;}
	.board-area {width:48%;height: 29em;margin-right:0;}
	.board-area .bn-tit {padding:1.8em 0 0 1.8em;}
	.board-area .board-wr {padding:0 1.8em;}

	.main-sec03 a.more-btn01 {display:none;}
	.board-area .board-wr ul li dl dd {display:block; max-height:36px;}

	/*main-live*/
	.main-sec06 .cont-a {display:block;}
	.main-sec06:before {height:34vh;}
	.main-sec06:after {display:none;}
	.video-wr {width:100%; margin-top:0; padding-bottom:56%;}
	.live-cont-wr {width:100%; max-height:none; padding:2em 0 4em 0; border:0;}
	.swiper-pagination.live-blt {position:relative; bottom:auto!important; left:auto!important;}


	/*main-reference*/
	/*.partner-slide .rpnc-cont {opacity:1; width:100%; background:#fff;}*/
	.partner-slide .rpnc-cont ul li  {margin-bottom:0; padding-left: .4em;}
	.partner-slide .rpnc-cont ul li a {color:#000;}
	.partner-slide .rpnc-cont ul li:before {color:#000;}


}


@media (max-width:800px) {
	#hd_wr.fixed .hd_right_btn, #hd_wr .hd_right_btn {top:81px;}
	.nav-bar.open {top:181px;}
	#hd_wr { height:82px;}
	.overlay {top:82px;}
	/*main-visual*/
	.visual-slide .visual-txt {top:21%;}
	a.more-btn01 {font-size:2rem;}

}

@media (max-width:600px) {
	/*main-공통*/
	#main-container section {padding:4em 6%;}
	.main-tit02 h3 {font-size: 3.2rem;width: 94%;word-break: keep-all;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:9px; height:9px; margin:0 6px;}
	.swiper-container.partner-slide .swiper-pagination {display:block;}
	.visual-slide .visual-txt h2, .visual-slide .visual-txt h2.font-scd {font-size:2.8rem;}
	.visual-slide .visual-txt p {font-size:1.5rem;}
	.visual-slide .swiper-slide:nth-child(3) .visual-txt h2 { margin:0 auto .8em;}
	.visual-slide .crtl-wr .inner { width:100%; max-width:100%;}
	.visual-slide .visual-txt a.more-btn01 {width: 42%; font-size: 1.5rem; line-height: 45px;}
	.visual-slide .pc-b {display:none;}
	.scroll-btn .mouse {width:18px; height:27px; margin:0 auto 4px;}
	.scroll-btn .scroll-down {font-size:1rem;}
	.scroll-btn .scroll-down:after {height:18px;}
	.visual-slide .swiper-button-next {width: 2em; background-size: cover;}
	.visual-slide .swiper-button-prev {width: 2em; background-size: cover;}
	.visual-slide .crtl-wr { width:49%; bottom:38%;}
	.swiper-progress-bar {display:none;}
	/*hd*/
	#hd_wr {padding:0 3%;}
	#top_slogan {display:none;}

	/**/
	.main-sec01 .pc-b {display:block;}
	/*main-about*/
	#main-container section.main-sec01 {padding:4em 4%;}
	.icon-list {padding-top:0;}
	.icon-list li {width:100%; margin-bottom:3em;}
	.icon-list li:last-child {margin-bottom:0;}

	/*main-edu*/
	.main-tabmenu li { display:block; width:90%;}
	.main-tit02 p {font-size: 1.8rem;}

	/*main-news*/
	.main-bn01 {width:100%; height:22em; display:block; margin-bottom:1.5em;}
	.board-area  {width:100%; height:29.5em;display:block;}
	.right-bn {flex-direction:column;}
	.main-bn02 {margin-bottom:1.5em;}


	/*main-refernce*/
	.swiper-container.partner-slide {width:100%; padding-bottom:3em;}
	.swiper-container.partner-slide .swiper-button-next,
	.swiper-container.partner-slide .swiper-button-prev {display:none;}
	.partner-slide .swiper-slide {
			padding-bottom: 0;
			overflow: hidden;
			margin-top: 0!important;
			margin-bottom: 25px;
		}
	.partner-slide .rpnc-cont {position:relative; background:#fff; width:100%; height:auto; top:auto; left:auto; opacity:1; padding:2em; border-top:1px solid #dddddd;}

	/*main-live*/
	.btn-align a {width:100%; margin-bottom:.8em;}
	a.btn-ytb:after,
	a.btn-biz:after,
	a.btn-edu:after {top:20px;}
	.video-wr {padding-bottom:57%;}

	/*main-solution*/
	.swiper-container.solution-slide {height:37.2em;}

	/*footer*/
	#ft_link {display: block; text-align: center; padding:.6em 0; width:100%;}
	.ft_wr {margin:2em 0;}
	.ft_wr h1 {width:60%;}
	#ft .sns_link li {width:11%;}
	#ft .sns_link li a {width:2.2em; height:2.2em;}
	.ft_top {border:none;}
	#ft_link li a {font-size:1.3rem;}
	.family {width:100%; border:1px solid #56575a; margin-bottom:2em;}
	.family ul {top:40px;}
	.family p {line-height:40px; }
}

@media (max-width:320px) {
	#hd_wr.fixed .hd_right_btn, #hd_wr .hd_right_btn, nav.nav-bar {max-width:100%;}

	/*footer*/
	#ft_link li a {font-size:1.4rem;}


}


/****************sub********************/
/*sub-visual*/
.sub-visual {position:relative; width:100%; padding-bottom:24%; background-size:cover;}
.visual01 {background:url('/img/sub/sub-visual01.jpg')no-repeat top center;}
.visual02 {background:url('/img/sub/sub-visual02.jpg')no-repeat top center;}
.visual03 {background:url('/img/sub/sub-visual03.jpg')no-repeat top center;}
.visual04 {background:url('/img/sub/sub-visual04.jpg')no-repeat top center;}
.visual05 {background:url('/img/sub/sub-visual05.jpg')no-repeat top center;}
.visual06 {background:url('/img/sub/sub-visual06.jpg')no-repeat top center;}
.visual07 {background:url('/img/sub/sub-visual07.jpg')no-repeat top center;}
.visual08 {background:url('/img/sub/sub-visual08.jpg')no-repeat top center;}
.visual09 {background:url('/img/sub/sub-visual09.jpg')no-repeat top center;}
.visual-tit {position:absolute; width:100%; text-align:center; top:48%; transform: translateY(-50%); color:#fff;}
.visual-tit h2 {font-weight:500; font-size:4rem; text-shadow: 1px 2px 8px rgba(0,0,0,0.3)}
.visual-tit p {font-size:2.7rem; opacity:.9; text-shadow: 1px 2px 8px rgba(0,0,0,0.5);}

/*sub-title*/
#container_title {text-align: center;}
.sub-cont-tit {position:relative; display:block; max-width:1280px; margin:0 auto; overflow:hidden; padding-top:6em ; text-align:center;}
.sub-cont-tit h2 {font-size:3rem; color:#2b2b2b; position:relative; margin-bottom:.4em;}
.sub-cont-tit h2:before {
	content:'';
	display:block;
	margin:0 auto;
	background:url('/img/sub/tit_before.png')no-repeat center;
	width:32px;
	height:17px;
}
.location-nav {overflow:hidden;}
.location-nav li {position:relative; display:inline-block; }
.location-nav li a {font-size:1.6rem; color:#7e7e7e;}
.location-nav li:after {
	content:'';
	display:inline-block;
	width:8px;
	height:14px;
	background:url('/img/sub/page_arr.png')no-repeat center;
	margin:0 .6em;
}
.location-nav li:last-child::after {display:none;}

/*popup*/
.pop-layer .pop-conts {
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	width:100%;
}
.pop-layer .pop-conts.pd-n {padding:0;}
.pop-layer .pop-conts .title {
	font-size:2.5rem;
	color:#004093;
	margin:1em 0 .5em 0;
}
.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width:90%;
  max-width: 685px;
  padding:2em 1em;
  background:#fff;
  box-shadow: 5px 5px 12px rgba(0,0,0,0.5);
  z-index: 10;
  box-sizing: border-box;
  transform: translate(-50%,-50%);
  overflow-y:auto;
}
.solution-wr .pop-layer {padding:0;}

.layer3-popup .pop-layer {max-width:400px;}
.layer3-popup .pop-layer .pop-conts {min-height:360px;}

.btn-align02 {
    margin-top: 2em;
    display: flex;
    width: 70%;
    align-items: center;
    justify-content: center;
}
.btn-align02 a {display:inline-block; width:100%; margin:0 1%; text-align:center;}
.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg { background:rgba(0,0,0,0.5);width: 100%;  height: 100vh;}
.dim-layer .pop-layer { display: block;}
.popupTitle {width:100%;display:block; margin-bottom: 20px;background: #006cb8;padding: 13px 20px;}
.popupTitle h3 {font-size: 2rem;font-weight:500;color: #fff;float: left; width:90%;}
.ctxtWrap {width:100%;height:463px;padding: 30px; overflow-y:scroll;}
a.btn-Close {position:absolute; top:1em; right:1em; background:none;}
a.btn-Close i {font-size:3rem; color:#fff;}

.share-btn {display:flex; margin-top:2em;}
.share-btn li {margin:0 1em; text-align:center;}
.share-btn li a span {display:block; font-size:1.3rem; margin-top:.3em;}

/*sub공통*/
.s-cont-tit {text-align:center;margin-bottom: 3em;position: relative;}
.s-cont-tit h3 {font-size:2.4rem;font-weight: bold;color:#1a1a1a;}
.s-cont-tit p {font-size:4rem; font-weight:400; color:#656565;}
.sub-tit {font-size:2.3rem!important;font-weight:500;color:#1a1a1a;position:relative;padding-left:1em;margin-bottom: 2em;}
.sub-tit:before {content:''; display:block; background:#45a2e6; width:15px; height:3px; position:absolute; top:.8em; left:0;}
.sub-tit02 {position:relative; overflow:hidden; margin-bottom:5em; text-align:center;}
.sub-tit02 h3 {font-family:'Play', Sans-serif; font-size:2.4rem; color:#1a1a1a;}
.sub-tit02 h3:after {content:''; display:block; width:40px; height:1px; background:#a5a5a5; margin:20px auto;}
.sub-tit02 p {font-size:3rem; color:#656565;}
.sub-tit02 span {font-size:1.7rem; margin-top:.4em; display:block;}
.sub-tit03 {text-align:center; margin-bottom:2em; font-size:1.8rem; font-weight:500; color:#134694;}

.sub-cont .inner1280 {padding:6em 0; border-bottom:1px solid #dddddd;}
.sub-cont:last-child .inner1280 {border-bottom:0;}
.sub-sec {padding:7em 0;}
a.more-w {
font-family: 'Play', Sans-serif;
    font-size: 1.6rem;
    font-style: normal;
    color: #fff;
    text-align: center;
    letter-spacing: 0.07em;
    display: block;
    max-width: 150px;
    line-height: 45px;
    border: 1px solid #fff;
    border-radius: 16px 0 16px 0;
}
a.btn-blue {
	background:#0084e6;
	font-family:'Play', 'Noto Sans Korean', Sans-serif;
	font-size:1.8rem;
	color:#fff;
	letter-spacing: normal;
	height:52px;
	line-height:52px;
	padding:0 1em;
	position:relative;
}
a.btn-blue:before {
    content: '';
    width: 23px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
}


a.btn-gray {
	background:#2f2f2f;
	font-family:'Play', 'Noto Sans Korean', Sans-serif;
	font-size:1.8rem;
	color:#fff;
	letter-spacing: normal;
	height:52px;
	line-height:52px;
	padding:0 1em;
	position:relative;
}

a.btn-gray:before {
    content: '';
    width: 23px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
}
a.btn-dblue {
	font-family:'Play', 'Noto Sans Korean', Sans-serif;
	font-size:1.8rem;
	color:#fff;
	letter-spacing: normal;
	height:52px;
	line-height:52px;
	padding:0 1em;
	position:relative;
	background:#004093;
}

a.btn-layerClose {
	font-family:'Play', 'Noto Sans Korean', Sans-serif;
	font-size:1.8rem;
	color:#fff;
	letter-spacing: normal;
	height:52px;
	line-height:52px;
	padding:0 1em;
	position:relative;
	background:#2f2f2f;
}
a.btn-close {
    border-radius: 100%;
    padding: 0;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    display: block;
    text-align: center;
    background: #004093;
    position: absolute;
    right: 1em;
    top: 1em;
}

.ft-list {position:relative; overflow:hidden;}
.ft-list dl {margin-bottom: 2em;}
.ft-list dl dt {position:relative;font-size:1.7rem; color:#000;padding-left: 2em;margin-bottom: .3em;}
.ft-list dl dt:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:26px;
	height:26px;
	background:url('/img/sub/chk_icon.png')no-repeat center;
}

.ft-list-result {position:relative; overflow:hidden; margin-bottom: 80px; padding-bottom:40px; border-bottom: 1px dotted #ddd;}
.ft-list-result dl {margin-bottom: 2em;}
.ft-list-result dl dt {position:relative;font-size:1.6rem; color:#000;padding-left: 2em;margin-bottom: .2em;}
.ft-list-result dl dt:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:24px;
	height:24px;
	background:url('/img/sub/bulb.png')no-repeat center;
}
.ft-list dl dd {font-size:1.6rem;color:#1a1a1a;padding-left: 2em;}

/*table style*/
.tb-style01 {border-top:1px solid #114b90; width:100%; vertical-align:top; margin-top:30px;}
.tb-style01 th {
	letter-spacing: normal;
	background: #114b90;
    padding: .4em;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 500;
    border-bottom: 1px solid #6693c7;
    border-right: 1px solid #6693c7;
}
.tb-style01 td {padding:.8em; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd;font-size:1.5rem; background:#f5f8fb; line-height: 1.6;}
/* .tb-style01 td:last-child {border-right:none;} */
/* .membership .tb-style01 tr td:nth-child(8) {border-right:none;} */


.tb-style01 tr.n-bg td {background:none;}
.tb-style01 .tit {background:#f5f8fb!important; font-weight:500; text-align:center; color:#114b90;}
.tb-style01.w50 {width:calc(50% - 1.8em); display:inline-block; margin:0 1%;}
.tb-style01.w50 th {text-align:center;}

.tb-style02 {border-top:1px solid #00bcd4; width:100%; vertical-align:top;}
.tb-style02 th {background:#00bcd4; padding:.8em; color:#fff; font-size:1.7rem; font-weight:500; border-right:1px solid #6fe0ef; }
.tb-style02 td {padding:.8em; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; color:#000; font-size:1.7rem; text-align:center;}
.tb-style02 td:last-child {border-right:none; background:#f5f5f5;}

.tb-style03 {border-top:1px solid #00bcd4; width:100%; vertical-align:top;}
.tb-style03 th {background:#f7f7f7; padding:.8em; color:#1a1a1a; font-size:1.5rem; font-weight:500; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; }
.tb-style03 td {padding:.8em; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; color:#848484; font-size:1.5rem; text-align:center;}
.tb-style03 td:last-child, .tb-style03 th:last-child {border-right:none; }
.tb-style03 .tit {font-weight:500; color:#00bcd4;}

.tb-style04{margin:0 auto; background-color: #f5f5f5;}
.tb-style04 td {padding:0.8em; color:#000;border:1px solid#ccc; font-size:1.6rem; text-align:center; line-height: 1.6;}
.tb-style04 td:last-child {  background:#fff; text-align: left;}
.tb-style04 img{padding: 0.8rem; max-width: 250px; margin:0 auto;}
.teacher-tit:after {
    content: '';
    display: block;
    margin: 0.5em auto;
    width: 25px;
    height: 1px;
    background: #a2a2a2;}


	.div-style01{margin:0 auto; width:100%; max-width: 1300px; padding:0 10px;}
	.div-style01 div{float:left; width:48%;}
	.div-style01 div:last-child{ margin-left:4%;}
	.div-style01 h2{font-size: 3.4rem; color:#ff4444; margin-bottom: 0.4em;}
	.div-style01 h4{font-size: 3rem;margin-bottom: 0.4em;}
.div-style01 p {padding:0.8em; color:#000; font-size:1.8rem; text-align:left; line-height: 1.8;}
.div-style01 img{padding: 0.8rem; max-width: 200px; margin:0 auto; float:right; width:100%;}
.teacher-tit:after {
    content: '';
    display: block;
    margin: 0.5em auto;
    width: 25px;
    height: 1px;
    background: #a2a2a2;}
/*sub 인사말*/
.greeting .inner1280 {overflow:unset;}
.greeting .cont-slogan {position:relative;width:100%;padding: 0 0 3em 0;text-align: center;}
.greeting .cont-slogan:before {
	content:'CEO GREETING';
	display:block;
	position:absolute;
	top: -38px;
	left:0;
	width:100%;
	text-align:center;
	font-family:'Play', sans-serif;
	font-size:10rem;
	font-weight: 800;
	color:#f1f1f1;
	z-index: -101;
}
.greeting .cont-slogan h2 {font-size:3rem;font-weight:600;color:#2d2d2d;padding: 1em 0 0 0;}
.greeting .cont-slogan p {font-size:3rem;font-weight: 300;color: #2d2d2d;}
.sub-top-img {width:100%; height:445px; position:relative;}
.sub-top-img .top-img {
	width:100%;
	height:399px;
	box-shadow:1px 1px 16px rgba(0,0,0,0.2);
	background:url('/img/sub/top-img01.jpg')center no-repeat;
	background-size:cover;
	border-radius:5em 0;
}
.top-img-logo {position:absolute; top:4em; left:4em;}
.greeting .cont-txt { width: 100%;  padding-top: 20px; text-align:center;}
.greeting .cont-txt p {margin-bottom:3em;}
.greeting .cont-txt p span {display:block; font-size:1.7rem; line-height:1.8;}
.greeting .ceo-name {font-size:2.2rem; }
.greeting .ceo-name .ceo-sign {color:#000;}
/*sub 오시는길*/
.contact {position:relative; padding:8em 0;}
.contact-map {min-height:480px;}
.contact-info {margin-top:2em;}
.contact-info li {
	width: calc(25% - 1.8em);
    display: inline-block;
    background: #fff;
    border: 1px solid #dddddd;
    border-radius: .4em;
    margin-left: 2%;
    text-align: center;
    padding: 2em;
}
.contact-info li:first-child {width:calc(50% - 0.18em); margin-left:0;}
.contact-info li .contact-ico {width:74px;height:74px; line-height:74px; border-radius:100%;background:#2196f3; margin: 0 auto; margin-bottom:14px; position: relative;}
.contact-info li .contact-ico img {
    vertical-align: middle;
}
.contact-info li h4 {
	font-family:'Play', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    color: #2196f3;
}
.contact-info li h4:after {content:''; display:block; margin:.4em auto; width:20px; height:1px; background:#ddd;}
.contact-info li p {font-size:1.7rem;}

/*sub 비전핵심가치*/
.company .cont-a {position:relative;padding:8em 0;}
.company .cont-a .txt-box {
	background:#fff;
	padding: 5em 3em;
	position:absolute;
	top: 50%;
	left:0;
	transform: translateY(-50%);
}
.company .cont-a .txt-box h3 {font-family:'Play', 'Noto Sans Korean', sans-serif;font-size:3.4rem;font-weight:500;color:#1a1a1a;margin-bottom: .4em;}
.company .cont-a .txt-box p {font-size:1.8rem; color:#656565; line-height:1.8;}
.company .cont-a .img-section {text-align:right; display:block;}
.company .cont-b {
    width: 100%;
    height: 530px;
    background: url('/img/sub/cont_b_bg.jpg')no-repeat center;
    position: relative;
    display: flex;
    align-items: center;
    text-align: center;
}
.company .cont-b h3 {position:relative; font-family:'Play', 'Noto Sans Korean', sans-serif; font-size:2.4rem; color:#fff; letter-spacing:0.03em;}
.company .cont-b h3:after {
	content:'';
	display:block;
	margin:.7em auto;
	background:#fff;
	opacity:.8;
	width:40px;
	height:1px;
}
.company .cont-b p {font-family:'Play', sans-serif; font-size:4.5rem; color:#fff;}
.company .cont-c {position:relative;padding: 8em 0;}
.company .cont-c .txt-box {
	background:#fff;
	padding: 5em 3em;
	position:absolute;
	top: 50%;
	right:0;
	transform: translateY(-53%);
}
.company .cont-c .txt-box h3 {font-family:'Play', 'Noto Sans Korean', sans-serif;font-size:3.4rem;font-weight: bold;color:#1a1a1a;margin-bottom: .5em;}
.company .cont-c .txt-box p {font-size:1.8rem; color:#656565; line-height:1.8;}
.company .cont-d {position:relative;padding: 8em 0;}
.company .cont-d  .s-cont-tit h3 {font-family:'Play', sans-serif;letter-spacing:0.03em;margin-bottom: .3em;}
.company .cont-d  .s-cont-tit p {font-family:'Play', sans-serif; }

.company .cont-d:before {
	content:'';
	display:block;
	width:100%;
	height:50vh;
	background:#f3f3f3;
	position:absolute;
	top:0;
	left:0;
}
.core_value {width:95%;margin:0 auto;position: relative;}
.core_value li {
	display:inline-block;
	width:calc(25% - 0.16em);
	padding:1em 1.5%;
	vertical-align: top;
}
.core_value .img-section {
	width:100%;
	display:block;
	position:relative;
	padding-bottom:100%;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	box-shadow:0px 7px 16px rgba(0,0,0,0.2);
}
.core_value .icon-section {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:100%;
	text-align:center;
}
.core_value .icon-section i {margin-bottom:.8em;}
.core_value .icon-section p {font-family:'Play', 'Noto Sans Korean', sans-serif; font-weight:700; font-size:3rem; color:#fff;}
.core_value .list-cont {text-align:center; margin-top:3em;}
.core_value .list-cont dt {font-size:2.8rem; font-weight:500; color:#114b90; margin-bottom:1em;}
.core_value .list-cont dd {font-size:1.6rem; color:#656565; line-height:1.5;}

/*sub-교수진*/
.f-members {padding:5em 0;}
.f-members .more-btn01 {margin:2em auto;}
.f-members .col-btn {display:block; width:90%; max-width:190px; line-height: 52px; font-size:1.6rem; color:#004092; text-align:center; border:1px solid #004092; border-radius: 16px 0 16px 0; margin-top:2em;}
.f-members .slogan {text-align:center; margin-bottom:2em; font-size:2rem;}
.members-list {display:block;}
.members-list li {
    display: inline-block;
    width: calc(25% - 0.13em);
    padding: 0 1.4%;
    margin-bottom: 2.5em;
	vertical-align:top;
}
.members-list li:nth-child(4n) {margin-right:0;}
.members-list li a {
	display:block;
	padding:2em;
	text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: .5em;
	min-height:414px;
	box-sizing:border-box;
}
.members-list li a:hover {box-shadow:1px 7px 10px rgb(0, 0, 0, 0.1);}
.members-list li .img-section {
	width: 65%;
    padding-bottom: 65%;
    border-radius: 100%;
    border: 1px solid #ececec;
    background: #ddd;
    display: block;
    margin: 0 auto;
    margin-bottom: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
}
.members-list li .member-name {font-size:2.2rem; font-weight:500; color:#1a1a1a;}
.members-list li .en-name {color:#989898; letter-spacing:0;}
.members-list li .en-name:after {content:''; display:block; margin:.6em auto; width:25px; height:1px; background:#ddd;}
.members-list li .cont {background:#f7f7f7;padding:1em;margin-top:1em;border-radius:8px;height: 5em;}
.members-list li .cont p {
    width: 100%;
    max-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*sub-교수진view*/
.members-view {display:flex;margin-bottom: 5em;padding-top: 3em;}
.member-profile {position:relative;margin-bottom: 2em;display: inline-block;width: 30%;}
.member-profile .img-section {font-size: 0;}
.member-profile .profile-cont {display: flex;justify-content: center;flex-direction: column;background: #f7f7f7;padding: 2em;}
.member-profile .profile-cont h3 {
    font-size: 2.7rem;
    font-weight: 500;
    color: #1a1a1a;
}
.member-profile .profile-cont .en-name {
    font-family: 'Play', sans-serif;
    font-size: 2.6rem;
    color: #7e7e7e;
}
.member-profile .profile-cont .m-position { display: block; font-size: 1.8rem; position:relative;}
.member-profile .profile-cont .m-position:before {content:''; display:block; margin:.6em 0; width:25px; height:1px; background:#d7d7d7;}
.career-wr {
    width: 80%;
    padding-left: 7%;
}
.career-wr .career-list {
    padding: 2em 0;
    border-bottom: 1px solid #ececec;
}
.career-wr .career-list dt {
    font-size: 2rem;
    font-weight: 500;
    color: #004093;
    margin-bottom: .5em;
    vertical-align: top;
}
.career-wr .career-list dd {line-height: 1.8;}

/*sub- career */

.career{font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.career .clear:after{content:"";display:table; clear:both;}
.career .size1200{max-width:1200px; width:100%; margin:0 auto; height:100%;}

.career > h3{text-align: center; font-size: 2.4rem; padding:30px 0;}
.career > p{text-align: center; font-size: 3rem; padding-bottom:60px;}


.career .main_banner{width:100%; background-color: #333; height:650px; position: relative;
    background-image:url("../../../img/sub/career_main.jpg"); background-repeat: no-repeat; background-size: cover; background-position:center;}
	.career .main_banner > .main_text{max-width: 650px; margin:0 auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.career .main_banner > .main_text p{text-align: justify; font-size: 2.4rem; color:#fff; font-weight: 300;}


.career .contents{width: 100%; padding:120px 0; height:100%;}
.career .cont_btn{color:#fff; font-size: 2rem; width:12rem;  background-color: #09428f;
    text-align: center; padding:8px 40px; border-radius: 15px 0 15px 0; font-weight: 300; letter-spacing: 0;}
.career .cont_btn:hover{background-color: #0051b9;}
.career .IGM_people{max-width: 1024px;  margin: 0 auto; height: 100%;}
.career .img01{ float:left; width:45%; height: 450px; overflow: hidden;box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);background-image:url("/img/sub/career_img01.jpg");; background-size: cover;background-position: center;}
.career .IGM_people > .people_text{width:55%; float:left; padding-left:5%;}
.career .cont_text  h6{font-size:4rem; ; padding-bottom:2rem; color:#09428f; font-family: 'Open Sans', sans-serif; font-weight: 700; letter-spacing: -0.2rem;}
.career .cont_text  p{font-size:2.2rem; color:#555; padding:1.5rem 0 4rem 0; line-height:34px; font-weight: 400;}

.career .IGM_life{ width:100%; height:520px; padding-top:120px; margin:0 auto; position: relative;}
.career .IGM_life > li{content:""; position:absolute; }
.career .IGM_life > .life_text{width:50%; -webkit-transform:translateX(53%);}
.career .img02{width:50%; -webkit-transform:translateX(100%); background-image: url("/img/sub/career_img02.jpg"); background-size:cover; background-position: center;  height:400px; overflow: hidden;box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);}

.career .IGM_recruiting{width:100%;padding-top:120px; max-width: 1400px; height:100%; margin:0 auto; }
.career .img03{width:40%; float:left; height:500px; overflow:hidden; margin-left:5%;box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);background-image:url("/img/sub/career_img03.jpg");; background-size: cover;background-position: center;}
.career .recruiting_text{width:55%; float:left; padding-left: 5%;}

/* recruite */
.recruite .clear:after{content:"";display:table; clear:both;}
.recruite .size1200{max-width:1200px; width:100%; margin:0 auto; height:100%;}

.recruite h2{font-weight: 100; font-size: 3rem; padding:2rem 0; font-weight: 600; color:#333;}
.recruite .why_cont:last-of-type{width: 100%; height: 100%; padding: 1rem 0 5rem 0;}
.recruite .why_cont > li:nth-child(2),.why_cont > li:nth-child(3),.why_cont > li:nth-child(5),.why_cont > li:nth-child(6){margin-left:2%;}
.recruite .why_cont > li:nth-child(4),.why_cont > li:nth-child(5),.why_cont > li:nth-child(6){margin-top:1rem;}
.recruite .why_con{ width:32%; height: 36rem; float:left; border:1px solid #aaa;
     border-radius: 10px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); box-sizing: border-box;}
.recruite .con_box{padding:5.5rem 6rem;}
.recruite .con_box > h5{font-size: 3rem; font-family: 'Open Sans', sans-serif; font-weight:700; padding: 1.5rem 0; color: #333;}
.recruite .why_con li{ line-height: 30px; list-style-type:disc; color:#00d3a8;}
.recruite .why_con li::marker {font-size: 2rem; margin-left:0; padding:0; text-align: right; }
.recruite .why_con li span{ color:#333; font-size: 1.6rem; font-weight:400; }
.recruite .why_con li p{ color:#333; font-size: 1.6rem; font-weight:400; }
.recruite .con_img{width:25%;}


.recruite .process{width:100%; background-color: #eee; height: 100%; padding:5rem;}
.recruite .pro_img{width:100%; text-align: center;}
.recruite .pro_img img{margin: 0 auto;}
.recruite .pro_text{padding:2rem 0;}
.recruite .pro_text h3{font-size: 2.6rem; padding:1rem 0;}
.recruite .pro_text01 li{list-style-type:decimal; list-style-position: outside; margin-left: 20px; color:#333;}
.recruite .pro_text01 li::marker{font-size: 1.8rem; letter-spacing: 1px;}
.recruite .pro_text02 li{list-style-type: disc; list-style-position: outside; margin-left: 20px; color:#333;}
.recruite .pro_text li span{font-size: 1.8rem; line-height:30px; color:#333; font-weight: 300;}
.recruite .pro_text li span br,.pro_text li span >span{display: none;}
.recruite .plz_read{padding-top:1rem; font-size: 1.8rem; color:red;}

.recruite .recruiting{padding-top:5rem;}
.recruite .bulb img{width:2.5%; height: 2.5%;}
.recruite .rct_box{background-color: #efefef; margin-bottom:2rem; padding:4rem;}
.recruite .rct_text{float:left; width:100%;}
.recruite .rct_top{float:left; width:90%;}
.recruite .arrow{float:left; width:10%;}
.recruite .rct_top h4{font-size: 2.2rem; font-weight:600; padding-bottom: 1.5rem; color: #333;
	 float:left; display:inline-block; padding-right:3rem;}
.recruite .rct_top div{float:left;width:10%; text-align: center; color:#fff; background-color: #00d3a8;
      padding:5px 0;font-size: 1.6rem;}
.recruite .rct_text > li{font-size:1.8rem; padding-bottom: 1rem;}
.recruite .rct_text .needs h6{color:#333; padding-bottom: 2rem; font-size: 2rem;}
.recruite .rct_text > li:nth-child(2){font-size:1.6rem; color:#666; padding-bottom:3rem;}
.recruite .needs > li{list-style: disc; list-style-position: outside; padding-bottom:1rem; font-family: 'Open Sans', sans-serif;}
.recruite .needs > li::marker{font-size: 1.4rem;}
.recruite .needs li{ font-size: 1.8rem; font-weight: 300;}
.recruite .needs ul li{padding-bottom:0.5rem; list-style-type: '-   '; list-style-position: outside;
	margin-left:16px; color:#333; font-weight: 300; font-size: 1.7rem;}
.recruite .needs ul li:last-child{padding-bottom: 0;}
.recruite .needs{display:none; padding-bottom: 2rem;}
.recruite .needs:last-child{display:none; padding-bottom:0;}
.recruite .needs b{padding: 1rem 0; display: inline-block; color:#666; font-size: 1.8rem;}
.recruite .arrow img{width:20%;}
.recruite button{border: 0; box-sizing: border-box; background-color: unset;}
.recruite .plz_readme{padding:30px 0 120px 0; }
.recruite .plz_click{float:right;transform: translateY(200%);}
.recruite .plz_click > a{padding:10px 30px;font-size: 2rem; color:#fff; background-color: #555;}
.recruite .plz_click > a:hover{background-color: #333;}

.recruite .arrow_move{animation-name:arrow_move;animation-direction: normal; animation-fill-mode: forwards; animation-duration:0.3s;}
.recruite .arrow_back{animation-name:arrow_back;animation-direction: normal; animation-fill-mode: forwards; animation-duration:0.3s;}
@keyframes arrow_move{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(90deg);}
}
@keyframes arrow_back{
		0%{transform:rotate(90deg);}
		100%{transform:rotate(0deg);}
}

/* 강의사례이미지 */
.ex-img{width:100%; max-width:1024px; margin:0 auto; padding:0 20px;}
.ex-img li{float:left; width:32%; margin-left:2%;}
.ex-img li:first-child{margin-left:0;}

.ex-img01{width:100%; max-width:600px; margin:0 auto; padding:0 20px;}


/* IGM_People */
.people .clear:after{content:"";display:table; clear:both;}
.people{width:100%; height:100%; font-size:18px; font-weight: 400;color:#555; padding:6rem 0; font-family: 'Noto Sans KR', sans-serif;}
.people .people_intro{margin:0 auto;padding:0 3.2rem; width:100%;max-width:1024px;}
.people .people_intro li:first-child{float:left; width:46%;}
.people .people_intro li:first-child img{float:right; width:100%; }
.people .people_intro li:last-child{float:left; width:50%; padding-left:4%; line-height: 2.8rem; }
.people .people_intro li:last-child p{ padding-top:7rem;}
/*
.people .people_video{max-width:1200px; width:100%; margin: 0 auto; padding-top:6rem;}
.people .people_video h4{font-size: 2.6rem; padding-bottom:2rem;}
.people .people_video li{width:32%; margin-left:2%; float:left; position:relative; background-color:black;}
.people .people_video li:nth-child(2), .people .people_video li:nth-child(5){margin-left:0;}
.people .people_video li:nth-child(5), .people .people_video li:nth-child(6), .people .people_video li:nth-child(7){margin-top:2rem;}
.people .people_video li > img{width:100%;}
.people .people_video li > img{opacity: 75%;}
.people .people_video li a{position:absolute; width:20%; top:50%; left:50%; transform: translate(-50%, -50%);;}
.people .people_video li a img{opacity: 100;} */

.people .item-detail{margin:0;}
.people .item-detail .item-tabmenu{border:0;}
.people .people_major_list{width:100%; margin-top:6rem; padding:1rem 0; border-top:1px solid#ccc; border-bottom:1px solid#ccc; box-sizing: border-box; }
.people .people_major_list ul{margin:0 auto;width:100%; text-align: center; }
.people .people_major_list li{ position: relative; display: inline-block; font-weight: 500;}
.people .people_major_list li:hover{ font-weight: 600;}
.people .people_major_list li button{border:0; background-color:initial; font-size: 16px; }
.people .people_major_list span{display: inline-block;}

.people .pp_contents{width:100%; max-width:1024px; margin:0 auto;}
.people .pp_contents .major{padding:7.4rem 3.2rem 0;  border-radius: 30px;
	box-sizing: border-box;  margin-bottom: 4rem;}
.people .pp_contents .major h4{ padding-bottom: 1rem; }
.people .pp_contents .major li:nth-child(2){width:44%; float:left;height: 24rem;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4); background-size: cover; border-radius: 5px; position: relative;}
/* .people .pp_contents .major li:nth-child(2) a{position: absolute;top:50%; left:50%; transform: translate(-50%, -50%);width:20%; display:none;}
.people .pp_contents .major li:nth-child(2):hover{cursor: pointer;  animation-name:Major;
	animation-duration: 0.5s; animation-fill-mode: forwards;
  }
  @keyframes Major {
	0% {opacity:1; background-size:102%;}
	100% {opacity: 0.8;background-size:105%;}
  } */
.people .pp_contents .major li iframe{width:100%; height:100%;  border-radius: 5px;}


.people .pp_contents .major:nth-of-type(2) li:nth-child(2){background-image:url(../../../img/sub/people02.jpg); }
.people .pp_contents .major:nth-of-type(3) li:nth-child(2){background-image:url(../../../img/sub/people03.jpg); }
.people .pp_contents .major:nth-of-type(4) li:nth-child(2){background-image:url(../../../img/sub/people04.jpg); }
.people .pp_contents .major:nth-of-type(5) li:nth-child(2){background-image:url(../../../img/sub/people05.jpg); }
.people .pp_contents .major:nth-of-type(6) li:nth-child(2){background-image:url(../../../img/sub/people06.jpg); }
.people .pp_contents .major li:nth-child(3){width:52%; margin-left:4%; float:left;}

.people .pp_contents .major li:nth-child(3) p{padding-bottom: 1.6rem;}




/* IGM_LIFE */

.life .clear:after{content:"";display:table; clear:both;}
.life{width:98%;margin:0 1%; height:100%; font-size:2rem; font-weight: 400;color:#555; padding-top:6rem;
	padding-bottom:10rem; font-family: 'Noto Sans KR', sans-serif;}
.life h3{font-weight: 300; letter-spacing: -1.2px;}
.life .life_intro{margin:0 auto; width:100%;max-width:1200px; padding-bottom:16rem;}
.life .life_intro li:first-child{float:left; width:46%;}
.life .life_intro li:first-child img{float:right; width:100%; }
.life .life_intro li:last-child{float:left; width:50%; padding-left:4%; line-height: 2.8rem; }
.life .life_intro li:last-child p{ padding-top:7rem;}


.life_container {	max-width: 1200px;	margin: auto;  }
.life_container:last-of-type{padding-top:3rem;  }
.life_container p{padding-bottom: 4rem;}
.life_contents{float:left; width:46%; margin-right:4%; 	position: relative; margin-bottom:6rem;}
.life_contents img{ box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.5);}
.life_contents iframe{ width:100%; height:332px;}
.life_contents video{ width:100%; height:332px; background-color:#000;}
  .life_prev,  .life_next {
	cursor: pointer;
	position: absolute;
	top: 0;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 3rem;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
  }

  .life_next {right: 0; font-size: 3rem;	border-radius: 10px 0 0 10px; padding:0 10px 5px; background-color: rgb(0, 0, 0, 0.5);}
  .life_prev {border-radius:   0 10px 10px 0; background-color: rgb(0, 0, 0, 0.5); font-size: 3rem;	padding:0 10px 5px;}

  .life_prev:hover,  .life_next:hover {padding:0 18px 5px; }

  .life_manual {color: #09428f;	font-size: 1.8rem;padding: 4px 6px; font-weight:500;
	position: absolute;	bottom:102%;  width: 30%;	text-align: center; background-color:#eee; border-left: 5px solid#09428f;}

/*sub-igm역사*/
.history-wr {padding:5em 0;}
.history-list {width:100%; max-width:1280px; margin:0 auto; margin-bottom:3em;}
.history-list .tit-year {display:inline-block; width:40%; vertical-align:top;}
.history-list .tit-year:before {content:'';display:block;width: 38px;height: 4px;margin-bottom: 8px;background: #09428f;}
.history-list .tit-year img {margin-top:40px;}
.history-list .tit-year h2 {font-family:'Play', sans-serif; font-size: 4rem;color:#6c6c6c;line-height:1.2;display:block;}
.history-list .tit-year h3 {font-size: 3rem;font-weight: 400;color:#252525;}
.history-list .tit-year h3 span {display:block; font-weight:400;}
.history-list .tit-year.fir h2 {color:#000;}
.history-list:last-child { margin-bottom:0;}
.history-cont {
    display: inline-block;
    width: 55%;
    padding-top: 40px;
}

.history-cont h4 {font-family:'Play', sans-serif; font-size:2.5rem;color: #fff;background: #003f92;border-radius: 30px;padding: .2em .8em;max-width: 200px;text-align: center;margin-bottom: .5em;}

.history-cont ul {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.history-cont ul li span {
    font-size: 1.8rem;
    font-weight: 500;
    color: #0085e6;
    letter-spacing: normal;
    display: inline-block;
    width: 10%;
}
.history-cont ul li {
    display: inline-block;
    width: 100%;
    font-size: 1.7rem;
    border-bottom: 1px solid #dddddd;
    padding: .6em 0;
}

/* 콘텐츠 프리뷰 */
.contents_preview{font-family:'Roboto, Arial, sans-serif'; letter-spacing:none;line-height:1.75;text-align:left;color:#535353; font-size: 16px; width:100%; height:100%;}
.contents_preview .clear:after{content:"";display:block; clear:both;}
.contents_preview h2{font-size: 40px; font-weight: 500;}
.contents_preview .main_banner h6{font-size: 20px; width:80%; line-height: 28px; font-weight: 400; color:#fff; position:absolute; top:50%; left:50%;
	text-align: center; transform: translate(-50%,-50%);}


.contents_preview .main_banner{width:100%; margin-bottom:80px; background-image: url("https://igm.or.kr/data/editor/2302/c34fe00a0b88927008c9f65acb261d07_1676268830_5036.jpg"); background-repeat: no-repeat;  background-size: cover; background-position-y: 20%;};
.contents_preview .main_banner{width:100%; margin-bottom:80px; background-image: url("https://igm.or.kr/data/editor/2301/4aa43110df255a9d5dbabe90f28f2d83_1674626986_9548.jpg");
background-repeat: no-repeat;  background-size: cover; background-position-y: 42%; }
.contents_preview .main_tit{padding:120px 0 100px; color:#fff; margin:0 auto; width:100%;max-width:1060px;}
.contents_preview .main_tit p{font-size: 20px; padding-top:5px;}
/* //////////////////////////////////////////////////////////////////////////////// */

.contents_preview .preview_box{width:100%; max-width: 1060px; margin:0 auto; min-height: 390.7px;}
.contents_preview .preview{width:340px; float:left; margin-left:20px;  padding-bottom:80px;}
.contents_preview .preview:first-child, .contents_preview .preview:nth-child(4), .contents_preview .preview:nth-child(7), .preview:nth-child(10), .preview:nth-child(13), .preview:nth-child(16){ margin-left:0}
.contents_preview .preview .preview_img{ line-height: 0; max-width:340px; background-color:#000;  position: relative; overflow: hidden;}
.contents_preview .preview .preview_img img{width:100%; opacity: 0.4; border:1px solid#aaa; box-sizing: border-box;}
.contents_preview .preview .preview_img img:hover{opacity: 0.8;}


.contents_preview .preview .preview_img img{max-width: none; height:100%;}
.contents_preview .preview .preview_text {font-family:'Roboto, Arial, sans-serif'; letter-spacing:none;line-height:1.75;text-align:left;color:#535353; font-size: 16px;}
.contents_preview .preview .preview_img h6{font-size: 20px; width:80%; line-height: 28px; font-weight: 400; color:#fff; position:absolute; top:50%; left:50%;
	text-align: center; transform: translate(-50%,-50%);}
.contents_preview .preview .preview_text h6{font-size:17px; font-weight:600; color:#09428f;  padding-top:5px; text-align: left;}
.contents_preview .preview .preview_text p{font-weight:400; word-break:keep-all;}

.contents_pre{font-family:'Roboto, Arial, sans-serif';margin-top:30px; letter-spacing:none;line-height:1.75;text-align:left;color:#535353; font-size: 16px; width:100%; height:100%;}
.contents_pre .main_banner{width:100%; max-width: 840px; margin:0 auto;}
.contents_pre .youtube_video iframe{display:flex; justify-content: center; width:840px; height:472.5px;}
.contents_pre .main_banner_text{ text-align: center; padding:40px 0;}
.contents_pre .main_banner_text .bar{width:100%;  padding-top:30px; max-width: 40px; border-bottom:1px solid#535353; margin:0 auto;}
.contents_pre .main_banner_text h2{font-size: 24px; color:#333; font-weight:500;}
.contents_pre .content_intro{width:100%; max-width: 840px; margin:0 auto; text-align: center; padding-bottom: 90px;}
.contents_pre .content_intro p{padding-bottom:60px;}
.contents_pre .content_intro .italic{font-size: 14px;}
.contents_pre .content_intro .bold{font-weight: 500; color:#222;}
.contents_pre .content_intro .go_content a{color:#333; padding:10px 20px; border:2px solid#aaa; border-radius: 5px;}
.contents_pre .preview_footer{text-align: center;; width:100%; max-width: 840px; margin:0 auto; padding:30px 0 90px; border-top:1px solid#ccc; margin:0 auto; border-top-style: dashed; font-size: 12px; color:#999;}
.contents_pre .return_preview{padding-top:30px;}
.contents_pre .return_preview a{font-size:14px; padding:10px 20px; background-color:#333; border-radius: 5px; color:#eee;}


/* IGM_ 소개 */

.company .cont-a .download{ position: relative; font-size: 18px; padding:12px 20px; border:1px solid#333;}
.download i{display: inline-block; width:16px; height:16px;
	 background-image: url("https://igm.or.kr/data/editor/2304/1dac053032e3e52381e4877b267b534b_1680760239_2258.png");
	 background-size: cover; background-position: bottom; background-repeat: no-repeat; margin-left:10px;}
	 .company .cont-a .download:hover{border-color: #0668ce;}
	 .company .cont-a .download:hover::before,
.company .cont-a .download:hover::after {
	   content: "";
	   position: absolute;
	   left: 0;
	   bottom: 0;
	   width: 0%;
	   height: 3px;
	   background-color: #0668ce;
	   transition: all 0.3s ease-in-out;

	 }
 .company .cont-a .download:hover::before {
	   left: auto;
	   right: 0;
	 }

.company .cont-a .download:hover::before,
.company .cont-a .download:hover::after {
	   width: 100%;
	 }
 .download img{width:100%;}
.vision_box {width:100%; max-width:1300px; margin:0 auto; padding:0 10px 40px; }
.keyword_box{margin-bottom:40px;}
.keyword_box li{width:48%; float:left; padding:40px 0;box-shadow:2px 3px 5px 1px rgb(0 0 0 / 20%); border-radius: 5px; }
.keyword_box li:first-child{margin-right:4%;}
.keyword_img{width:20%; float:left; margin-left:5%;}
.keyword_text{width:70%; float:left; margin-left:5%;}
.keyword_text h4{font-size: 20px; color:#222; padding-bottom:10px;}
.keyword_text p{font-size: 18px; color:#535353;}
.core_value{width:100%; max-width:1300px; padding:0 10px; position:relative; margin:0 auto;}
.vision_tit h3{text-align: center; font-size: 24px; color:#222; padding-bottom:10px;}
.vision_tit p{text-align: center; font-size: 18px; color:#222;}
.vision_tit {padding:80px 0 40px; border-top:1px solid#ccc;}
.vision_left{ float:left;width:50%;}
.vision_right{ float:left;width:50%;}
.vision_history_box{width:100%; margin:0 auto; max-width:1300px; padding:0 10px;}
.vision_structure{padding:10px 20px;}
.vision_structure h5{color:#0668ce; padding:10px 0;}
.vision_structure li{color:#333; list-style: disc; list-style-position: outside; margin-left:20px; font-size: 16px; padding-top:10px;}
.structure{padding-top:40px;}



/* IGM_partners */

.partner h2{font-size:3rem; color:#2b2b2b; padding:60px 0 40px; margin:0 auto; text-align:center;}
.partner p{font-size:16px; text-align:center;padding-bottom: 60px;}

	/* Studio_reference */



	.studio_ref{font-family:'Roboto, Arial, sans-serif'; padding-bottom:100px; letter-spacing:none;line-height:1.75;text-align:left;color:#535353; font-size: 16px; width:100%; height:100%;}
	.studio_ref h2{font-size: 40px; font-weight: 500; letter-spacing:-1px;}
	.studio_ref h6{font-size: 17px;  font-weight: 600; color:#535353; text-align: center;}
	.studio_ref .clear:after{content:"";display:block; clear:both;}

	.studio_ref .main_banner{width:100%; height:100%; background-image: url("https://igm.or.kr/data/editor/2301/9f302922dde66f0b9d7056262a9c5902_1675149004_7366.jpg" );  margin-bottom:80px;;
	background-repeat: no-repeat;  background-size: cover; background-position-y: 45%; }
	.studio_ref .main_tit{padding:120px 20px 100px; color:#333; margin:0 auto; width:100%;max-width:1100px;}
	.studio_ref .main_tit p{font-size: 20px; letter-spacing:-1px;}

	.studio_ref .studio_box{width:100%; max-width: 1060px; margin:0 auto;}
	.studio_ref .std_reference{width:340px; float:left; margin-left:20px;  padding-bottom:80px;}
	.studio_ref .studio_box ul li:nth-child(1), 
	.studio_ref .studio_box ul li:nth-child(4), 
	.studio_ref .studio_box ul li:nth-child(7), 
	.studio_ref .studio_box ul li:nth-child(10), 
	.studio_ref .studio_box ul li:nth-child(13), 
	.studio_ref .studio_box ul li:nth-child(16), 
	.studio_ref .studio_box ul li:nth-child(19), 
	.studio_ref .studio_box ul li:nth-child(22), 
	.studio_ref .studio_box ul li:nth-child(25), 
	.studio_ref .studio_box ul li:nth-child(28), 
	.studio_ref .studio_box ul li:nth-child(31), 
	.studio_ref .studio_box ul li:nth-child(34), 
	.studio_ref .studio_box ul li:nth-child(37), 
	.studio_ref .studio_box ul li:nth-child(40),  
	.studio_ref .studio_box ul li:nth-child(43),
	.studio_ref .studio_box ul li:nth-child(46),  
	.studio_ref .studio_box ul li:nth-child(49), 
	.studio_ref .studio_box ul li:nth-child(52),
	.studio_ref .studio_box ul li:nth-child(55),
	.studio_ref .studio_box ul li:nth-child(58),
	.studio_ref .studio_box ul li:nth-child(61),  
	.studio_ref .studio_box ul li:nth-child(64),
	.studio_ref .studio_box ul li:nth-child(67),  
	.studio_ref .studio_box ul li:nth-child(70), 
	.studio_ref .studio_box ul li:nth-child(73),
	.studio_ref .studio_box ul li:nth-child(76),
	.studio_ref .studio_box ul li:nth-child(79)      
	{ margin-left:0;}
	.studio_ref .std_reference .studio_img .icon, .studio_ref .std_reference .studio_img .icon_black{position:absolute; right:3%; top:3%}
	.studio_ref .std_reference .studio_img .icon span{color:#fff; font-size: 12px; background-color:rgba(0,0,0,0.4); padding: 3px 8px; border:1px solid#fff; border-radius: 2px;}
	.studio_ref .std_reference .studio_img .icon_black span{color:#535353; background-color:rgba(255,255,255,0.4); font-size: 12px;  padding: 3px 8px; border:1px solid#535353; border-radius: 2px;}

	.studio_ref .std_reference .studio_img{ max-width:340px; position: relative; overflow: hidden;}
	.studio_ref .std_reference .studio_img img{width:100%; height: 191px; border:1px solid#aaa; box-sizing: border-box;}
	.studio_ref .std_reference .studio_img img:hover{cursor: pointer;}
	.studio_ref .std_reference .studio_img img{max-width: none;}
	.studio_ref .std_reference .studio_text{padding-top:5px; font-weight:400; word-break:initial; font-family:'Roboto, Arial, sans-serif'; letter-spacing:none;line-height:1.75;color:#535353; font-size: 16px;}
	.studio_ref .std_reference .studio_text p:last-child{color:#999;  letter-spacing: 0;}
	.studio_ref .std_reference .studio_text p{text-align: center;}

	.studio_ref .movePage{ text-align: center; margin: 0 auto; width:100%; max-width:1060px; padding-top:20px; border-top:1px solid#aaa;  font-size: 18px;}
	.studio_ref .movePage .std_page{margin-right:15px; color:#535353; padding:10px;}


		.reference_contents .clear:after{content:"";display:block; clear:both; padding:0 20px;}
		.reference_contents{font-family:'Roboto, Arial, sans-serif'; margin-top:60px; letter-spacing:none;line-height:1.75;text-align:left;color:#535353; font-size: 16px; width:100%; height:100%;}
		.reference_contents .main_contents{width:100%; max-width: 1060px; margin:0 auto;padding:0 20px; padding-bottom:90px;}
		.reference_contents .reference_img{float:left; width:52%;}
		.reference_contents .reference_img img{margin: 0 auto; display:flex; justify-content: center; border:1px solid#aaa; box-sizing: border-box;}
		.reference_contents .content_intro{width:45%; float:left; max-width: 500px; margin-left:3%; text-align: left;}
		.reference_contents .content_intro .reference_list{font-weight: 400; font-size: 17px; color:#0084e6; letter-spacing:0;}
		.reference_contents .main_contents_text{ text-align: left; padding-bottom:20px;}
		.reference_contents .main_contents_text .bar{width:100%;  padding-top:20px; max-width: 40px; border-bottom:1px solid#535353; }
		.reference_contents .main_contents_text h2{font-size: 24px; color:#333; font-weight:500;}
		.reference_contents .studio_footer{text-align: center; width:100%; max-width: 1020px; margin:0 auto; padding:30px 0 90px; border-top:1px solid#ccc; margin:0 auto; border-top-style: dashed; font-size: 12px; color:#999;}
		.reference_contents .return_studio{padding-top:20px;}
		.reference_contents .go_blog{text-align: center;padding-bottom:20px;}
		.reference_contents  .return_studio a{font-size:14px; color:#333; border-bottom: 1px solid#333; margin:0 auto;}
		.reference_contents .go_blog a{font-size:14px; padding:10px 20px; background-color:#333; border-radius: 5px; color:#eee;}
		.reference_contents .sub_contents{  padding:0 20px; padding-bottom:40px; width:100%; max-width: 1060px; margin:0 auto;}
		.reference_contents .sub_contents .img_box{float:left; width:48%; margin-left:4%;}
		.reference_contents .sub_contents .img_box:first-child{ margin-left:0;}
		.reference_contents .sub_contents .img_box img{border:1px solid#ccc;}
		.reference_contents .sub_contents .reference_youtube{width:488px; height:276px;}

	 	.callme{margin: 0 auto; text-align: center; letter-spacing: 0; font-size: 16px; padding-top:40px;}

	



/* ////////////// hrd 세미나  ////////////////////////// */

.hrd_seminar{font-family:'Roboto, Arial, sans-serif'; letter-spacing:none; line-height:1.75; text-align: left; color:#222222; font-size: 16px; width:100%; height:100%;}
.hrd_seminar button{padding:0;}
.hrd_seminar .clear:after{content:"";display:block; clear:both; padding:0 20px;}
.hrd_seminar .main_banner{width:100%; height:100%; background-image: url("https://igm.or.kr/data/editor/2302/ac310ba4ae1806c91bc7c6d17a769382_1675845014_665.jpg");  margin-bottom:80px;;
	background-repeat: no-repeat;  background-size: cover;  background-position-y: 50%;}
.hrd_seminar .main_tit{padding:120px 20px 120px; color:#333; margin:0 auto; width:100%;max-width:1060px;}
.hrd_seminar .main_tit h2{font-size: 40px; font-weight: 500; letter-spacing:-1px; color:#fff;}
.hrd_seminar .join_seminar{ margin:0 auto; padding-bottom:60px; }
.hrd_seminar .hrd_info{width:100%; max-width:1060px; margin:0 auto; padding:0 20px; }
.hrd_seminar .hrd_info .hrd_boxs{ padding-top:40px;}
.hrd_seminar .hrd_info .hrd_box{float:left; width:48%;  margin-left:4%; }
.hrd_seminar .hrd_info .hrd_box:nth-child(1){margin-left:0;}
.hrd_seminar .hrd_info .hrd_box h6{font-size: 14px; font-weight:bold; color:#999; }
.hrd_seminar .hrd_info .hrd_box h5{font-size: 22px; font-weight:bold; line-height:1.5; padding:10px 0;}
.hrd_seminar .hrd_info .hrd_box .hrd_date{ font-size: 16px; letter-spacing: 0.5; padding:10px 0; font-weight: 800;}
.hrd_seminar .join_seminar a{display:block; width:100%; max-width:300px; text-align: center; margin:0 auto; margin-top:40px;  padding:10px 30px; border:1px solid#0668ce; color:#0668ce;}
.hrd_seminar .join_seminar a:hover{border:1px solid#0668ce; background-color:#0668ce; color:#fff;}

.hrd_seminar .comingsoon_img{width:6%; float:left; min-width:50px;}
.hrd_seminar .comingsoon_text{float:left; width:80%; margin-left:2%; font-size: 18px; color:#909090;padding-top:22px;}


.hrd_seminar .arrow_move{display:none;}
.hrd_seminar .arrow_move, .hrd_seminar .arrow_back{font-size: 16px;}
.hrd_seminar .add_line{border-left:1px solid#0668ce;}
.hrd_seminar .add_color{border:1px solid#0668ce; color:#fff; padding:5px 20px; margin-bottom:40px; background-color:#0668ce;}
.hrd_seminar .past_events{width:100%; height:100%; max-width:1060px; margin:0 auto; padding-bottom:60px;}
.hrd_seminar .hrd_tit{padding:30px 0; width:100%; max-width: 1020px; margin:0 auto; border-bottom:1px solid#aaa;}
.hrd_seminar > .hrd_tit{border-bottom:0; padding:0;}
.hrd_seminar .hrd_tit h3{font-size: 40px; font-weight: 600; color:#535353}
.hrd_seminar .hrd_inquiry{width:100%;}
.hrd_seminar .hrd_inquiry p{text-align: center; width:100%; font-size: 18px;}

.hrd_seminar .past_seminar{padding:50px 20px 0 20px; }
.hrd_seminar .past_seminar h6{font-size: 14px; font-weight: bold;  color:#666;}
.hrd_seminar .past_seminar h5{font-size: 22px; font-weight: 500; color:#0668ce; padding-bottom:20px;}
.hrd_seminar .past_seminar > p{padding-bottom:30px; word-break: break-all;}
.hrd_seminar .show_seminar{border-bottom:1px solid#aaa;}
.hrd_seminar .show_seminar .hrd_slide{border:1px solid#0668ce; color:#0668ce; padding:5px 20px; margin-bottom:40px; background-color:#fff;}
.hrd_seminar .show_seminar .hrd_slide:hover{border:1px solid#0668ce; background-color:#0668ce; color:#fff; padding:5px 20px;}


.hrd_seminar .show_seminar .hrd_curiculum{width:100%; display: none;}
.hrd_seminar .show_seminar .hrd_curiculum table{width:100%;}
.hrd_seminar .show_seminar .hrd_curiculum th{padding:5px 10px; background-color: #eee; text-align: center; border-top:1px solid#aaa; border-bottom:1px solid#aaa;}
.hrd_seminar .show_seminar .hrd_curiculum td{padding:10px 0; border-bottom:1px solid#ccc;}
.hrd_seminar .show_seminar .hrd_curiculum td:nth-child(1) {color:#0668ce; text-align: center;}
.hrd_curiculum td p{margin-left:10%; }
.hrd_seminar .show_seminar .hrd_curiculum tr:last-child td{border-bottom:0;}


/* Trend_insight */
.trend_insight{padding:30px 20px; width:100%; max-width: 840px; margin:0 auto; color:#333; border-bottom:1px solid#aaa;}
.trend_img{padding:30px 20px; width:100%; max-width: 840px; margin:0 auto; color:#333;}
.trend_insight h3{font-size: 2rem; padding-bottom:5px;}
.trend_insight p{font-size: 1.6rem; color:#666;}
.trend_date{float:left; width:20%; text-align: right;}
.trend_title{float:left; width:78%; margin-left:2%;  padding:0 20px; border-left:5px solid#eee;}


.trend_insight .show_trend{border-bottom:1px solid#ccc;}
.trend_insight .arrow_move{display:none;}
.trend_insight .arrow_move, .trend_insight .arrow_back{font-size: 16px;}
.trend_insight .trend_letter{display:none; padding-bottom:40px; margin:0 auto;}
.trend_insight .trend_slide{border:1px solid#0668ce; color:#0668ce; padding:5px 20px; margin-bottom:40px; background-color:#fff;}
.trend_insight .trend_slide:hover{border:1px solid#0668ce; background-color:#0668ce; color:#fff; padding:5px 20px;}

.trend_insight .trend_letter .comingsoon_img{width:50px; float:left; }
.trend_insight .trend_letter .comingsoon_text{float:left; width:80%; margin-left:2%; font-size: 1.6rem; color:#909090;padding-top:16px;}

.past_trend{width:100%; margin:10px auto; padding-top:20px;}
.past_trend a{display: block; width:20%; text-align: center; min-width: 210px; border:1px solid#0668ce; color:#0668ce; padding:10px 20px; margin:0 auto;}
.past_trend a:hover{border:1px solid#0668ce; color:#ffffff; background-color:#0668ce;}

.top_banner{background-color:#eaf2ff; padding:12px 0; width:100%; font-weight: 500;}
.top_banner a{text-align: center; width:100%; color:#000; text-decoration: none; font-size: 14px; display: block;}

/* common_curriculum */
.common_curriculum{padding:30px 20px; width:100%; max-width: 840px; margin:0 auto; color:#333; border-bottom:1px solid#aaa;}
.common_curriculum h3{font-size: 2rem; padding-bottom:5px;}
.common_curriculum p{font-size: 1.6rem; color:#666;}
.curriculum_date{float:left; width:20%; text-align: right;}
.curriculum_title{float:left; width:78%; margin-left:2%;  padding-left:20px; border-left:5px solid#eee;}

/*igm-books*/
.books-wr {padding:5em 0;}
.books-wr .slogan {text-align:center; margin-bottom:2em; font-size:2rem;}
.books-list {display:block; text-align:center; overflow:hidden; margin:2em 0;}
.books-list li {
	display:inline-block;
    width: calc(25% - 0.13em);
    padding: 0 1.4%;
    margin-bottom: 2.5em;
	vertical-align:top;
	text-align:center;
}

/*FAQ*/
.faq-accodian {border-top:1px solid #1a1a1a;}
.faq-accodian .faq-acd-li .faq-li-tit:before {
	content: 'Q';
	display: block;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	border-radius: 100%;
	background: #003f92;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	position: absolute;
	top: 1.2em;
	left: 1em;
}
.faq-accodian .faq-acd-li .faq-li-tit {
	display:block;
	width: 100%;
	padding: 1em 10% 1em 3.2em;
	font-size: 2rem;
	font-weight:500;
	color: #1a1a1a;
	cursor: pointer;
	position: relative;
	border-bottom:1px solid #dddddd;
	background:url('/img/plus_icon.png')no-repeat center right 1em;
}
.faq-accodian .faq-acd-li.on {	background:url('/img/minus_icon.png')no-repeat center right 1em #f9f9f9;}
.faq-accodian .faq-cont {
	display:none;
    background: #fff;
	font-size:2rem;
    color: #333333;
    padding:3.5em 2em;
    border-bottom: 1px solid #dddddd;
    text-align: left;
}

/*igm-partners*/
.sub-ptn {max-width:1400px; margin:3em auto 8em;}
.sub-ptn .partner-slide {max-width:1100px;}
.sub-ptn .partner-slide .swiper-slide .img-section {padding:4em;border:1px solid #dddddd;}

/*.sub-ptn .swiper-container {position:static;}
.sub-ptn .swiper-container .swiper-button-next {
    border: 1px solid #aaaaaa;
    width: 3.25em;
    height: 3.25em;
    background-image: none;
    background: url(/img/next_arr_g.png)no-repeat center;
    cursor: pointer;
}
.sub-ptn .swiper-container .swiper-button-prev {
	border: 1px solid #aaaaaa;
    width: 3.25em;
    height: 3.25em;
    background-image: none;
    background: url(/img/next_arr_g.png)no-repeat center;
    transform: rotate(180deg);
    cursor: pointer;
}
.sub-partners {
	padding: 6em 0;
    display: flex!important;
    flex-wrap: wrap!important;
    width: 100%!important;
	max-width:1100px;
	margin:0 auto;
}
.sub-partners a.more-btn01 {margin:0 auto;}
.sub-partners .ptn-list {
	display: inline-block;
    width: calc(24% - 1.08em);
    cursor: pointer;
    position: relative;
    background: #fff;
    margin: 0 1% 2em 1%!important;
    border: 1px solid #dddddd;
    vertical-align: top;
}
.sub-partners .ptn-list .img-section {
    width: 81%;
    height: 10em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
}
.sub-partners .ptn-list .img-section img {max-height:100%;}
.sub-partners .ptn-list .rpnc-cont {
	background: rgba(0,0,0,0.8);
    width: 0;
    height: 100%;
    padding: 1.2em;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease .3s;
    z-index: 1;
}
.sub-partners .ptn-list:hover .rpnc-cont {opacity:1; width:100%;}

.sub-partners .ptn-list .rpnc-cont ul li {
    position: relative;
    padding-left: .8em;
    margin-bottom: .3em;
}
.sub-partners .ptn-list .rpnc-cont ul li:before {
    content: '-';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
}
.sub-partners .ptn-list .rpnc-cont ul li a {
    padding-bottom: .8em;
    font-size: 1.4rem;
    font-weight: 300;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
*/
.sub-sec.ptn-view {margin:7em 0 3em 0; padding:0; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.ptn-view-tit {padding:2em; width:30%; display:inline-block; vertical-align:top;}
.ptn-view-tit dt { margin-right:3%;  vertical-align:top;}
.ptn-view-tit dd {font-size:2rem; color:#1a1a1a; text-align:center; margin-top:2em;}
.ptn-view-cont {display:inline-block;  width:65%; padding:3em 2em;  border-left:1px solid #dddddd;}
.ptn-view-cont .txt-list li {display:flex; font-size:1.5rem;}
.ptn-view-cont .txt-list li span {margin-right:.4em;  width:15%;}
.ptn-view-cont .txt-list li p {width:70%;}
.ptn-view-cont .txt-list li:nth-child(3) p {width:70%;}
.ptn-view-cont .view-cmt p {position:relative;}
.ptn-view-cont .view-cmt p:before {content:'“'; margin:0 .4em;}
.ptn-view-cont .view-cmt p:after {content:'”'; margin:0 .4em;}
.ptn-view .img-section {margin:3em 0; text-align:center;}
.btn-align-c.ptn {display:block; margin:0 auto 7em; text-align:center;}
.btn-align-c.ptn a {display:inline-block; width:46%;}
.btn-align-c.ptn a.more-btn03 {margin-left:10px;}

/*지식멤버십*/
.membership .tb-style01 td {text-align:center; background:#fff;}
.membership .tb-style01 tr .last_td {border-right:none;}
.membership .cont-a {background:#f7f7f7;}
.mbs-list {}
.mbs-list li {display:flex; margin-bottom:2em;}
.mbs-list li .img-section {width:20%;margin-right: 3%;text-align: center;}
.mbs-list li .img-section h3 {
    font-weight: 500;
    color: #004093;
}
.mbs-list li .img-section img {
    display: block;
    margin:0 auto 1em;
}
.mbs-list li .img-section p {
    font-size: 1.6rem;
    color: #1a1a1a;
}
.mbs-list li .img-section p:before {
	content:'“';
	display:block;
	margin:0 auto;
	font-size: 4rem;
	font-weight:700;
	color: #989898;
	line-height: .5;
}
.mbs-list li .mbs_cmt {width:80%;background: #fff;padding: 2em 3em;border-radius: .4em;box-shadow: 0px 2px 0px #ddd;}
.foot_inquiry{display:flex; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 1.7rem; justify-content: center; padding:1rem 0 5em;}
.foot_inquiry p {padding:0 1em;}

.mbs-list li .mbs_cmt h3 {
    font-weight: 500;
    color: #1a1a1a;
    margin: .3em 0;
}
.mbs-list li .mbs_cmt span {
    font-size: 1.7rem;
    color: #0085e6;
}

.membership .info-txt p {font-size: 1.8rem; color: #1a1a1a;}
.membership .cont-b .txt-list {margin:2em 0 4em 0;}
.membership .cont-b .txt-list li {margin-bottom:.4em;}


/*뉴스레터*/
.news-lt .news-form {
	width: 100%;
    max-width: 980px;
    margin: 5em auto;
    background: #fff;
    padding: 2em;
    border-radius: .4em;
    box-shadow: 0 6px 10px rgb(80 80 80 / 10%);
}


/*강의리스트-최고위과정*/
.ctt_sub1_01 .cont-a {position:relative;}
.course-slide .swiper-slide {display:flex;}
.course-slide .swiper-button-next {
    width: 3em;
    height: 1.5em;
    background-image: none;
    background: url(/img/next_arr_w_white.png)no-repeat center;
}

.course-slide .swiper-button-prev {
	width: 3em;
    height: 1.5em;
    background-image: none;
    background: url(/img/next_arr_w_white.png)no-repeat center;
    transform: rotate(180deg);
}
.course-wr .img-section {width:50%; position:relative; background-size:cover;}
.course-wr .cont-box {position:relative; width:50%; height:407px; box-sizing:border-box;background:#013e7d; padding:3em;}
.course-wr .cont-box  a.more-w {width:50%; position:absolute; bottom:3em; left:3em;}
.course-wr .cont-box h3 {
	font-size:3rem;
	font-weight:500;
	color:#fff;
	margin-bottom:.6em;
}
.course-wr .cont-box p {
	font-size:1.6rem;
	color:#fff;
	opacity:.7;
	 word-break:keep-all;
}

.course-label {
	width:90%;
	position:absolute;
	top:2em;
	left:2em;
	text-align:right;
}
.course-label li {
	display: inline-block;
    margin-right:.5em;
    text-align: center;
    letter-spacing: 0.5px;
}
.course-label li.sb-new {
	background:#45a2e6;
	border-radius:20px;
	font-family:'Play', sans-serif;
	font-size:1.4rem;
	font-weight:700;
	color:#fff;
}
.course-label li.sb-best {
	background:#fff;
	border-radius:20px;
	font-family:'Play', sans-serif;
	font-size:1.4rem;
	font-weight:700;
	color:#45a2e6;
}
.course-slide .crtl-wr {
    position: absolute;
    bottom: 4em;
    right: 2em;
    width: 50%;
    max-width: 214px;
}
.course-label-i {
    display: inline-block;
    margin-right: .5em;
	padding:5px 15px;
    text-align: center;
    letter-spacing: none;
	border-radius: 3px;
	border:1px solid#fff;
    font-family: 'Roboto, Arial, sans-serif';
    font-size: 1.4rem;
    font-weight: 400;
}


.course-label2 {
	text-align:left;
}
.course-label2 li {
	display: inline-block;
    margin-right:.5em;
    line-height: 2.3em;
    text-align: center;
    min-width: 71px;
    letter-spacing: 0.5px;
}
.course-label2 li.sb-new {
	background:#45a2e6;
	border-radius:20px;
	font-family:'Play', sans-serif;
	font-size:1.4rem;
	font-weight:700;
	color:#fff;
}
.course-label2 li.sb-best {
	background:#fff;
	border-radius:20px;
	font-family:'Play', sans-serif;
	font-size:1.4rem;
	font-weight:700;
	color:#45a2e6;
}

/*강의 뷰*/
.cmt-tab {}
.cmt-tab .cmt-list li {
    padding: 2em 1em;
    border-bottom: 1px solid #ececec;
}
.cmt-tab .cmt-list li p {font-size:2rem; color:#1a1a1a;}
.cmt-tab .cmt-list li .wrt-wr {margin-top: 1em;}
.cmt-tab .cmt-list li .wrt-wr > i {font-size: 5rem;color:#d0dbeb;display: inline-block;margin-right: .3em;}
.wrt-info {
    display: inline-block;
}
.wrt-info p.w-name {font-size:1.8rem;}
.wrt-info p.w-name span {margin-left:.3em; font-size:1.4rem; color:#656565;}
.wrt-info p.date {font-family:'Montserrat', Sans-serif;font-size:1.4rem!important;color:#656565;margin-top: .6em;}
.wrt-info p.date i {color:#656565!important; margin-right:.3em;}

/*schedule*/
.date-picker {border:1px solid #dddddd; text-align:center;}

.schedule_pc .sched_top {position:relative;height:33px; margin-bottom:30px;}
.sched_top .month {text-align:center;}
.sched_top .month input {
	width:70%;
    font-family: 'Noto Sans Korean', sans-serif;
    font-size: 2rem;
    border: 0;
    background: url('/img/sub/icon_cal2.png') no-repeat center right .2em;
}

.sched_top .month input::-webkit-inner-spin-button {
  display: none;
}
.sched_top .month input::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.sched_tab {float:right; margin-bottom:10px;}
.sched_top .month .tit {
	position:relative;
	width:100%;
	max-width:300px;
	display:inline-block;
	font-size:24px;
	font-weight:600;
	color:#333333;
	vertical-align:middle;
	letter-spacing:0.1em;
}
.sched_top .month .btn {vertical-align:middle;background: none; border:0;}
.sched_tab li {display:inline-block; margin-right:20px;}
.sched_tab li:last-child {margin-right:0;}
.sched_tab li a {font-size:1.4rem; color:#999999;}
.sched_tab li.selected a {color:#000;border-bottom: 1px solid #000;}
.sched_table {width:100%; border-top:2px solid #013e7d!important; border:1px solid #ddd; background:#fff;}

.sched_table th {padding:14px 0; font-size:1.4rem; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.sched_table th:last-child {border-right:none;}
.sched_table td {font-size:1.4rem; text-align:left; padding: 15px;height: 145px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align: top;cursor: pointer;position: relative;}
.sched_table td:last-child {border-right:none;}
 .sched_table .sched-cont{
    padding: 0;
    height: 135px;
    overflow-y: auto;
}
.sched_table col {width:14.28%;}
.sched_table .sun {color:#bc1616;}
.sched_table .sat {color:#173eae;}
.sched_table .dim {color:#cccccc;}
.sched_table .day {display: block;line-height: 24px;margin-right: 13px;}
.sched_table .info {
	text-align: center;
    border: 1px solid #b4d4eb;
    background-color: #def1ff;
    margin-left: 5px;
    margin-bottom: 3px;
    line-height: 18px;
    padding: .3em .8em;
    border-radius: 8px;
    position: relative;
    margin-bottom: 6px;
	text-align:left;
}

.sched_table .info a {font-size:1.4rem; color:#013e7d;}

/*mb schedule*/
.sched_mb .month {
	height:40px;
	line-height:40px;
	text-align:center;
	color: #333;
	position:relative;
}
.sched_mb .month .tit {
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: 0.3em;
}

.sched_list .tit {
	padding: 15px;
	font-size:1.08em;
	font-weight: 400;
	line-height:22px;
	color: #333333;
	letter-spacing:-0.03em;
	cursor:pointer;
	position:relative;
	background:#fff;
	border-bottom: 1px solid #dddddd;
	position:relative;
}
.sched_list .tit.on {background:#f7f7f7;}
.sched_list .tit.none:after {display:none;}
.sched_list .tit.none.on {background:#fff;}
.sched_list .tit.none.on:after {display:none;}
.sched_list .tit:after {
	content: '▼';
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    display: block;
    font-size: 1.3rem;
    color: #828282;
}
.sched_list .tit.on:after {
	content: '▲';
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    display: block;
    font-size: 1.3rem;
    color: #828282;
}
.sched_list {border-top: 2px solid #013e7d;margin-top: 20px;}
.sched_list .desc {
	display:none;
	background: #fff;
	color: #333333;
	padding: 15px;
	border-bottom: 1px solid #dddddd;
	text-align:left;
}

.sched_list dd {
	color:#9a9a9a;
}
.sched_mb {display:none;}

/*강의-뷰페이지*/
.size1020{max-width:1020px; margin:0 auto;}
.class-list {display:flex; margin-top:30px;}
.class-list dl {text-align:center; width:100%; margin:1em 2%; vertical-align:top;}
.class-list dl dt {font-size:2rem; font-weight:500; color:#0084e6; margin-bottom:.8em;}
.class-list dl dt .r-num {
    display: block;
    background: #0084e6;
    border-radius: 100%;
    width: 1.5em;
    height: 1.5em;
    box-sizing: border-box;
    font-size: 1.5rem;
    color: #fff;
    margin: 0 auto;
}
.class-list dl dt .img-section {margin-bottom:1em;}
.item-info {margin: 6em 0;display: flex;}
.item-info .img-section {position:relative;width: 100%;}
.item-info .item-cont {
    width: 100%;
    padding: 0 0 0 3em;
}
.item-info .item-cont h3 {font-size:3rem; font-weight:500; color:#1a1a1a; margin-bottom:.8em;}
.item-info .item-cont .cont-list {margin-bottom:1em;}
.item-info .item-cont .cont-list dl {position:relative;padding-left:.6em;font-size:1.6rem;margin-bottom: .8em;}
.item-info .item-cont .cont-list dl dt {color:#1a1a1a;display: inline-block;width: 10%; vertical-align:top;}
.item-info .item-cont .cont-list dl dt:before {
	content:'';
	display:block;
	width: .3em;
	height: .3em;
	background:#45a2e6;
	border-radius:100%;
	position:absolute;
	top:.7em;
	left:0;
}
.item-info .item-cont .cont-list dl dd {position:relative;padding-left:.8em;color:#656565;display: inline-block;width: calc(90% - 1.2em);}
.item-info .item-cont .cont-list dl dd:before {content:'I';display:block;font-weight:200;color:#b7b7b7;margin-right: .8em; position:absolute; top:0; left:0;}
.item-info .item-cont .cont-list dl dd i {margin-left:.3em; color:#0085e6;}
.item-detail {margin-bottom:4em;}
.item-detail .item-tabmenu {border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;display: block;text-align: center;margin-bottom: 4em; transition:.3s ease;}
.item-detail .item-tabmenu.fix {
	position: fixed;
    top: 105px;
    left: 0;
    width: 100%;
    background: #f7f7f7;
	z-index:1;
}
.item-detail .item-tabmenu.fix li {padding:1.2em;}
.item-detail .item-tabmenu li {font-size:1.6rem;color:#656565;position:relative;padding: .8em 1em;display: inline-block; cursor:pointer;}
.item-detail .item-tabmenu li a.on,
.item-detail .item-tabmenu li a:hover {font-weight:500; color:#0085e6; }
.item-detail .item-tabmenu li a.on:after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background: #0084e6;
	position:absolute;
	bottom:-1px;
	left:0;
}
.item-detail .v-cont {margin-bottom:4em; padding-bottom:4em; border-bottom:1px dotted #ddd;}
.item-detail .v-cont .li-tit {
	display: block;
    text-align: center;
    font-size: 2.8rem;
    font-weight: 500;
	color:#1a1a1a;
    margin-bottom: 2em;
    position: relative;
}

.item-detail .v-cont .li-tit span {
	display: block;
    font-family: 'Play', sans-serif;
    font-size: 2.4rem;
    font-weight: bold;
    color: #c5c5c5;
}

.item-detail .v-cont .li-tit:after {
    content: '';
    display: block;
    margin: .5em auto;
    width: 25px;
    height: 1px;
    background: #a2a2a2;
}
.item-detail .v-cont h3 {margin-bottom:.8em;}
.item-detail .v-cont .txt-list li, .item-detail .v-cont .txt-list li span {font-size:1.6rem;}
.item-detail .item-tabmenu li .cmt {
	font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
	text-align:center;
    color: #fff;
    background: #0084e6;
    border-radius: 100%;
    width: 1.4em;
    height: 1.4em;
    display: inline-block;
    margin-left: .3em;
}
.v-cont .cont-l {display:flex;}
.v-cont .cont-l .img-section { margin-right:5%;}
.v-cont .cont-l .txt-box  {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.v-cont .cont-l .txt-box h3 {
	font-size: 2.4rem;
    font-weight: 500;
    color: #114b90;
}
.v-cont .cont-l .txt-box p {font-size:1.7rem;}
.v-cont .ft-list dl dt {font-weight:400; color:#1a1a1a;}

/*버추얼서비스*/
.vtrl-wr .cont-a .img-section {float:right;}
.vtrl-wr .cont-a .txt-box {
	background: #fff;
    padding: 5em 3em 5em 0;
    width: 44%;
	height:23em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-53%);
}
.vtrl-wr .cont-a .txt-box h3  {font-size:3rem; font-weight:500; color:#1a1a1a; margin-bottom:1em;}
.txt-list li {position:relative;  padding-left:.6em; margin-bottom:1em; word-break:keep-all;}
.txt-list li:before {
	content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #45a2e6;
    border-radius: 100%;
    position: absolute;
    top: .7em;
    left: 0;
}

.vtrl-wr .cont-b {background:#f3f3f3;}
.vtrl-wr .cont-b .img-section {
    float: left;
	width:50%;
}
.vtrl-wr .cont-b .ft-list {
    float: left;
    padding-left: 6%;
    width: 50%;
    margin-top: 5em;
}
.prgn-wr {border-top:1px solid #dddddd; padding-top:4em; margin-top:4em;}
.prgn-wr dl {margin-bottom: 2em;}
.prgn-wr dl dt {position:relative;padding-left:1em;font-size: 2rem;font-weight: 500;color: #1a1a1a;margin-bottom: .4em;}
.prgn-wr dl dt:before {content:'';display:block;width:15px;height:3px;background:#45a2e6;position:absolute;top: .7em;left:0;}
.prgn-wr dl dd {font-size:1.7rem; color:#656565; padding-left:1em;}
.vtrl-wr .cont-c {position:relative; }
.vtrl-wr .cont-c .sub-tit02 {text-align:left; margin-bottom:4em;}
.vtrl-wr .cont-c .sub-tit02 h3:after {margin:20px 0;}
.vtrl-wr .cont-c .img-section {
    border: 1px solid #dddddd;
    border-radius: 8px;
    padding: 2em;
    width: 40%;
    height: 18em;
    position: relative;
    float: right;
    text-align: center;
	overflow:hidden;
}
.vtrl-wr .cont-c .img-section img {position:absolute; top:50%; left:50%; max-width:80%; transform:translate(-50%, -50%);}
.vtrl-wr .cont-c .img-section p {font-size:1.8rem; font-weight:500; color:#1a1a1a;}
.vtrl-wr .cont-c .cont-l {display:inline-block;}
.vtrl-wr .cont-d {background:#f7f7f7;}
.cmt-wr {position:relative; background:url('/img/sub/cmt_bg.jpg')no-repeat center; background-size:cover;}
.cmt-wr .sub-tit02 h3, .cmt-wr .sub-tit02 p {color:#fff;}
.cmt-list {display:flex; text-align:center;}
.cmt-list li {
	display: inline-block;
	width: 24%;
	margin-right: 3%;
	text-align: center;
	position: relative;
	padding-top: 1em;
	vertical-align:top;
}
.cmt-list li .cmt-ico {font-size: 4rem;color:#ddd;position: absolute;top: 0;left: 50%;transform: translateX(-50%);background: #fff;border-radius: 100%;}
.cmt-cont {min-height:21em; background: #fff; border-radius: 8px;padding: 3em 2em; border:1px solid #ececec;}
.cmt-cont p span {font-size:1.6rem!important;}
.cmt-cont:before {content:'“';font-size:4.8rem;line-height: 1;font-weight:600;color:#45a2e6;display:block;margin:0 auto;}
.igm_pick .sub-tit {margin-bottom:.8em; position:relative;}
.igm_pick .sub-tit a {
	position:absolute;
	top:0;
	right:0;
}
a.buy-btn {
    font-size: 1.5rem;
    color: #fff;
    background: #00bcd4;
    padding: .4em 2em;
    border-radius: .4em;
}
.igm_pick .cont-a {max-width:1280px; margin:0 auto; border-bottom:1px solid #dddddd;}
.igm_pick .cont-a p {font-size:1.8rem;}
.rental .cont-a {text-align:center;}
.rental .cont-a span {font-size:2.2rem;}
.rental .cont-a h3 {font-family:'Play', sans-serif; font-size:3rem; font-weight:800;}
.rental .cont-a p {font-size:1.8rem;}
.rental .cont-a h3:after {content:''; display:block; margin:.5em auto; width:1px;height:30px; background:#a7a7a7;}
.rental .cont-b {background:#f7f7f7; }
.rental-list { display: inline-block;  width: calc(50% - 7em); margin: 0 4%; vertical-align:top; position:relative;}
.rental-list img {box-shadow:4px 4px 15px rgba(0,0,0,0.3);}
.rental-list .sub-tit {margin-bottom:.8em;}
.rental-list.style01 {padding-top:31em;}
.rental-list.style02 {padding-bottom:31em;}
.rental-list.style01 img {position:absolute; top:0; left:0;}
.rental-list.style02 img {position:absolute; bottom:1em; left:0;}

.swiper-container.program-slide {padding:0 1% 3em 1%; max-width:1170px; position: static;}
.swiper-container.program-slide .swiper-button-next {
	border: 1px solid #d2d2d2;
    width: 3.25em;
    height: 3.25em;
    background-image: none;
    background: url('/img/next_arr_g.png')no-repeat center rgba(255,255,255,0.8);
    cursor: pointer;
	margin-top:0;
}
.swiper-container.program-slide .swiper-button-prev {
    border: 1px solid #d2d2d2;
    width: 3.25em;
    height: 3.25em;
    background-image: none;
    background: url(/img/next_arr_g.png)no-repeat center rgba(255,255,255,0.8);
    transform: rotate(180deg);
    cursor: pointer;
	margin-top:0;
}
.program-slide .swiper-slide {
	background:#fff;
	box-shadow:0 5px 14px rgba(105, 105, 105, 0.1);
    min-height: 27em;
}
.program-slide .swiper-slide .img-section .effect {
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
    color: #fff;
    font-size: 2rem;
}
.program-slide .swiper-slide .img-section .effect p {font-size:1.4rem; letter-spacing:0.5px; margin-top:.5em;}
.program-slide .swiper-slide .img-section:hover .effect {
	opacity:1;
	cursor:pointer;
}

.program-slide .swiper-slide:before {
	content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient( to right, #0b357f, #1c8acf );
}
.program-slide .swiper-slide .img-section {padding-bottom:65%; background-size:cover; background-repeat:no-repeat; overflow:hidden; position:relative;}
.program-slide .swiper-slide .list-cont {padding:1.5em;}
.program-slide .swiper-slide .list-cont h3 {
    font-size: 1.6rem;
    font-weight: 500;
    color: #003789;
    text-align: center;
}
.program-slide .swiper-slide .list-cont p {
    text-align: center;
    margin-top: .8em;
    font-size: 1.4rem;
}


/*igm pack*/
.btn-align-c a {margin:0 auto;}
.igm_pack .cont-b {background:#f7f7f7;}
.igm_pack .cont-b .info-txt {margin:4em 0 2em 0;}
.pack-chk-list {border-top:1px solid #000; margin-bottom:3em;}
.pack-chk-list li {
	position:relative;
	padding:1.5em;
	border-bottom:1px solid #dddddd;
	background:#fff;
	overflow:hidden;
	cursor:pointer;
}
.view-btn {color:#004092;}
.view-btn i {margin-left:.4em;}
.pack-chk-list li .check-wrap {float:left;}
.pack-chk-list li .view-btn {float:right;}
.pack-cont dl {margin-bottom:2em; border-bottom:1px solid #ddd; border-top:1px solid #1a1a1a;}
.pack-cont dl dt {padding:.8em 2%; background:#f7f7f7; border-bottom:1px solid #ddd;}
.pack-cont dl dd {padding:.8em 2%;}
.pack-cont dl dd .h-tag {font-size:1.3rem; color:#006cb8;}
.pack-cont dl dd .h-tag:before {content:'#'; display:inline-block;}
.check-wrap input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.check-wrap input[type="checkbox"] + label {
	font-size:1.7rem;
	display: inline-block;
	position: relative;
	cusor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.check-wrap input[type="checkbox"] + label:before {
    content: ' ';
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #cacece;
    margin-right: 9px;
}


.check-wrap input[type="checkbox"] + label:active:before,
.check-wrap input[type="checkbox"]:checked + label:active:before {
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05),
	inset 0px 1px 3px rgba(0,0,0,0.1);
}

.check-wrap input[type="checkbox"]:checked + label:before {
    content: '\2713';
    color: #ffffff;
    text-shadow: 1px 1px white;
    background: #45a2e6;
    border: 1px solid #45a2e6;
}

.igm_pack .pop-layer {padding:0;}

/*맞춤형 프로젝트*/
.solution-wr {}
.solution-wr .cont-a {text-align:center; display:flex;}
.solution-wr .cont-a p {margin-bottom:1em;  font-size:1.8rem; color:#1a1a1a; word-break:keep-all; }
.solution-wr .cont-a .img-section {
    width: 50%;
    padding-bottom: 30%;
    background-repeat:no-repeat;
	background-size:cover;
    float: left;
}

.solution-wr .cont-a .txt-box {position:relative; overflow:hidden; background: #004093;padding:3em;width: 50%;     min-height: 24em; float: left;margin-top: 4em;}
.solution-wr .cont-a .txt-box:before {
    position: absolute;
    bottom: -30px;
    right: -10px;
    content: 'Solution';
    font-family: 'Montserrat', sans-serif;
    font-size: 12rem;
    font-weight: 700;
    color: #000;
    opacity: .2;
}
.solution-wr .cont-a .txt-box h3 {font-size:2.8rem; font-weight:500; text-align:left; color:#fff; margin-bottom:1em;}
.solution-wr .cont-a .txt-box h3:after {content:''; display:block; margin:.6em 0; background:#fff; width:25px; height:1px;}
.solution-wr .cont-a .txt-box p {font-size:1.6rem; color:#fff; text-align:left; opacity:.8;     word-break: keep-all;}
.solution-wr .cont-b {background:#f5f5f5;}
.solution-wr .cont-b .list-link {
    padding: 0 2%;
}
.solution-wr .cont-b .list-link li {display:block;width:100%;background:#fff;box-shadow: 0 3px 4px 0px rgb(185 185 185 / 20%);margin-bottom:1.5em;border-radius: 6px;position: relative;}
.solution-wr .cont-b .list-link li a {position:relative;display:block;padding: 2em;}
.solution-wr .cont-b .list-link li h3 {
	font-size: 2.4rem;
	font-weight: 500;
	color: #1a1a1a;
	display: inline-block;
	padding-left: 5em;
}
.solution-wr .cont-b .list-link li p {
    position: relative;
    font-size: 1.8rem;
    color: #777777;
    display: inline-block;
}
.solution-wr .cont-b .list-link li p:before { content:'I'; display:inline-block; margin:0 .6em;  color:#ddd;}
.solution-wr .cont-b .list-link li .s-icon {
    position: absolute;
    top: 50%;
    left: 2em;
    transform: translateY(-50%);
}
.solution-wr .cont-b .list-link li .more-arr {
	position: absolute;
	top: 50%;
	right: 2em;
	display: block;
	width: 2.3em;
	height: 2.3em;
	border-radius: 100%;
	box-shadow: inset 0 0 0 1px #c3c3c3;
	background:url('/img/next_arr_g.png')no-repeat center;
	transform: translateY(-50%);
}
.solution-wr .cont-b .list-link li:hover .more-arr {
	background:url('/img/next_arr_w.png')no-repeat center #45a2e6;
	box-shadow:none;
}

/*맞춤형솔루션*/
.solution-wr .sub-sec.cont-c {padding:0 0 7em 0;}
.sol-tabmenu.fix {
    position: fixed;
    top: 105px;
    left: 0;
    width: 100%;
    background: #f7f7f7;
	z-index:5;
}
.sol-tabmenu.fix li {padding:1em 2em;}
.sol-tabmenu {
	border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    display: block;
    text-align: center;
}
.sol-tabmenu li {
	font-size: 1.6rem;
    color: #656565;
    position: relative;
    padding: .8em 2em;
    display: inline-block;
    cursor: pointer;
}
.sol-tabmenu li a.on {font-weight: 500;color: #0085e6;}
.sol-tabmenu li a:hover {color: #0085e6;}
.sol-tabmenu li a.on:after {
	content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #0084e6;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.acd-li-cont .li-tit {
	display:block;
	text-align:center;
	font-size: 2.8rem;
	font-weight:500;
	margin-bottom:3em;
	position:relative;
}
.acd-li-cont .li-tit span {display:block;font-family:'Play', sans-serif;font-size: 2.4rem;font-weight: bold;color: #c5c5c5;}
.acd-li-cont .li-tit:after {content:''; display:block; margin:.5em auto; width:25px; height:1px; background:#a2a2a2;}

.accodian .acd-li-cont {
    background: #fff;
    color: #333333;
    padding:3.5em 2em;
    text-align: left;
}
.acd-li-cont .li-cont-wr {margin-bottom:2em;}
.acd-li-cont .li-cont-wr .chart-list {position:relative; overflow:hidden; margin-bottom:.8em;}
.acd-li-cont .li-cont-wr .chart-list li {display:inline-block; width:calc(50% - 1.2em); text-align:center; padding:0 1em;}
.acd-li-cont .li-cont-wr .chart-list li img {margin-bottom:.8em;}
.acd-li-cont .li-cont-wr .chart-list li p {font-size:2rem;}
.acd-li-cont .li-cont-wr .exp-txt {
	font-size: 1.6rem;
    padding: 2em;
    background: #f1f7fd;
    border-radius: 6px;
    margin: 3em 0;
}
.acd-li-cont .li-cont-wr .cont-l, .acd-li-cont .li-cont-wr .cont-r {padding-left:1em;overflow:hidden;margin-bottom: 4em;position: relative;}
.acd-li-cont .li-cont-wr .cont-l img {display: inline-block;width: 31%; float:left;}
.acd-li-cont .li-cont-wr .cont-r img {display: inline-block;width: 31%; float:right;}
.acd-li-cont .li-cont-wr .cont-l .cont-txt {display: inline-block;padding: 2em 0 0 4%;width: 67%;vertical-align: top;}
.acd-li-cont .li-cont-wr .cont-r .cont-txt {display: inline-block;padding: 2em 4% 0 0;width: 67%;vertical-align: top;}
.acd-li-cont .li-cont-wr .cont-l .cont-txt p {font-size:1.8rem;}
.acd-li-cont .li-cont-wr .cont-txt h4  {font-size:2.4rem; font-weight:500; color:#114b90;; margin-bottom:.6em; }
.acd-li-cont .li-cont-wr .center-img { margin: 0 auto; display: block; margin-bottom: 4em;}

.acd-li-cont .li-cont-wr .bs-txt {margin-bottom:3em; padding-left: 1.5em;}
.acd-li-cont .li-cont-wr .bs-txt h3 {font-size:2.1rem; font-weight:500; margin-bottom:.6em;}
.acd-li-cont .li-cont-wr .bs-txt p { font-size:1.6rem!important; color:#585858; margin-bottom:.6em;}
.acd-li-cont .li-cont-wr .img-box {
	border: 1px solid #dddddd;
    border-radius: 6px;
    padding: 2em;
	margin-bottom:2.5em;
	text-align:center;
}
.acd-li-cont .li-cont-wr .img-box h3 {font-size:2rem; font-weight:500; margin:1em 0 1.5em 0;}
.best-list {display:block;}
.best-list li {display:inline-block;width: calc(50% - 1.8em);min-height: 5em;margin: 0 1%;position: relative;margin-bottom: 1.5em;}
.best-list li p {
    padding: 1em 1em 1em 3em;
    border: 1px solid #ececec;
    border-radius: .8em;
	background:#f7f7f7;
    display: inline-block;
    width: 85%;
    min-height: 5em;
    position: absolute;
    top: 0;
    left: 2em;
	font-size:1.7rem;
}
.best-list li .b-rank {
    position: relative;
    background: #0085e6;
    border-radius: 1em 0;
    font-family: 'Play', sans-serif;
    font-weight: bold;
    font-size: 2rem;
    line-height: 4em;
    color: #fff;
    width: 3em;
    height: 3em;
    text-align: center;
    display: inline-block;
    z-index: 2;
}
.best-list li .b-rank.style02 {background:#009e96;}
.best-list li .b-rank:before {
    content: 'BEST';
    font-size: 1.3rem;
    font-weight: normal;
    color: #fff;
    display: block;
    margin: 0 auto;
    text-decoration: underline;
    position: absolute;
    top: -1.4em;
    left: 50%;
    transform: translateX(-50%);
}
.img-list {display:block; text-align:center;}
.img-list li {display:inline-block;width:calc(25% - 1.5em);margin-right:2%;text-align:center;position: relative;}
.img-list li p {font-weight:500;padding: .6em 0;color: #fff;background: rgba(0,0,0,0.8);position: absolute;bottom: 0;width: 100%;}
.img-list li:last-child {margin-right:0;}
.img-list li .img-section {background-size:cover; background-repeat:no-repeat; padding-bottom:30%; position:relative;}
.img-list li .img-section .img-txt { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.img-list li .img-section .img-txt h3 {}
.img-list li .img-section .img-txt p {}

.img-list02 {display:block; text-align:center;}
.img-list02 li {
    display: inline-block;
    width: calc(33% - 1.5em);
    margin: 0 2% 1em 0;
    padding: 1.5em;
    text-align: center;
    position: relative;
    border-radius: 1.5em;
    border: 1px solid #dddddd;
    overflow: hidden;
	vertical-align:top;
}
.img-list02 li p {font-weight:500;}
.img-list02 li:nth-child(3n) {margin-right:0;}
.img-list03 {display:block; text-align:center; margin-bottom:2em; }
.img-list03 li {display: inline-block;  width: calc(50% - 4em); text-align:center; }
.img-list03 li.g-box {border-right:1px dotted #d7d7d7;}
.img-list03 li:nth-child(2n) {margin-right:0;}
.img-list03 li img {margin-bottom:2em;}
.img-list03 li h4 {font-size:1.8rem; font-weight:500; margin-bottom:.8em;}

.img-list04 {display:block; text-align:center; margin-bottom:3em;}
.img-list04 li {display:inline-block;width:calc(25% - 1.5em);margin-right:2%;text-align:center;position: relative; vertical-align:top;}
.img-list04 li:last-child {margin-right:0;}
.img-list04 li .img-section {
	overflow:hidden;
	background-size: cover;
    background-repeat: no-repeat;
    width: 75%;
    padding-bottom: 75%;
    position: relative;
    border-radius: 100%;
    display: block;
    margin: 0 auto 2em;
}
.img-list04 li .img-section .img-txt {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;height: 100%;background: rgba(0,0,0,0.5);padding: 2em;display: flex;flex-direction: column;justify-content: center;}
.img-list04 li .img-section .img-txt h3 {font-size: 1.8rem; font-weight: 500;  color: #fff;}
.img-list04 li .img-section .img-txt p { color: #fff; opacity: .8;}
.img-list04 li .list-txt {font-size:1.7rem;}

.ex-list {margin-top:2em; display:flex;}
.ex-list.last {display:block;}
.ex-list.last li {width:33%;}
.ex-list li {
	display:inline-block;
	width:100%;
	min-height:27em;
	margin-right:3%;
	margin-bottom:1em;
	position:relative;
    box-shadow: 0 5px 14px rgba(105, 105, 105, 0.1);
	box-sizing:border-box;
    background: #fff;
	vertical-align:top;
}
.ex-list li:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient( to right, #0b357f, #1c8acf );
}
.ex-list li:last-child {margin-right:0;}
.ex-list li .img-section {
	padding-bottom: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.ex-list li .list-cont {padding:1.5em;}
.ex-list li .list-cont h3 {font-size:2rem; font-weight:500; color:#003789; text-align:center;}
.ex-list li .list-cont p {text-align:center; margin-top:.8em; font-size:1.6rem;}
.ex-list li .list-cont dl {border-bottom:1px dotted #ddd; padding:1em 0;}
.ex-list li .list-cont dl:last-child {border:0;}
.ex-list li .list-cont dl dt {position:relative; padding-left:.6em; font-weight:500;}
.ex-list li .list-cont dl dt:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #45a2e6;
    border-radius: 100%;
    position: absolute;
    top: .7em;
    left: 0;
}
.ex-list li .list-cont dl dd {padding-left:.6em;}
.ex-list li .list-cont dl.tit-none dd {position:relative; margin-bottom:.5em;}
.ex-list li .list-cont dl.tit-none dd:before {
	 content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #45a2e6;
    border-radius: 100%;
    position: absolute;
    top: .7em;
    left: 0;
}
.ex-list .ex-list-noIMG{min-height: 0;  box-shadow:none;}

.sub-tabmenu {display: block; margin-bottom: 2em; text-align:center;}
.sub-tabmenu li {
	font-size:1.6rem;
	color:#1a1a1a;
	position:relative;
	padding: .8em 2em;
	display: inline-block;
	cursor:pointer;
	border:1px solid #dddddd;
	background:#f5f5f5;
	border-radius:36px;
	margin-right:.5em;
}
.sub-tabmenu li .s-txt {
	display: block;
    font-size: 1.4rem;
	color:#004093;
    border-bottom: 1px solid #004093;
    margin-bottom: .5em;
}
.sub-tabmenu li.on .s-txt, .sub-tabmenu li:hover .s-txt {
	display: block;
    font-size: 1.4rem;
	color:#fff;
    border-bottom: 1px solid #fff;
    margin-bottom: .5em;
}
.sub-tabmenu li.on,
.sub-tabmenu li:hover {font-weight:500; color:#fff; background:#004093; border:1px solid #004093; }
.li-cont-wr .v-cont {display:none;}
.li-cont-wr .v-cont.on {display:block;}
.v-cont .txt-list {margin-bottom:2em;}
/*.li-cont-wr .video-wr {
    display: block;
    width: 100%;
    max-width: 800px;
    vertical-align: top;
    padding-bottom: 1em;
    margin: 2em auto;
}*/
.li-cont-wr .video-wr {
    position: relative;
    display: block;
    width: 80%;
    vertical-align: top;
    max-width: 100%;
    padding-bottom: 43%;
    height: 0;
    margin: 0 auto 5em;
}

.li-cont-wr .video_preview{
position: relative;
    display: block;
    width: 100%;
    vertical-align: top;
    max-width: 800px;
    padding-bottom: 343px;
    height: 0;
    margin: 0 auto;}
.li-cont-wr .video_preview iframe{width:600px; height:343px;}

.partner-wr  {margin:2em 0;}
.partner-wr .partner-list { display: flex; flex-wrap: wrap; width: 100%;}
.partner-wr .partner-list li {
	display:inline-block;
	width:calc(16% - 1.05em);
	border:1px solid #dddddd;
	padding:1em;
	margin:0 2% 1em 0;
	text-align:center;
	vertical-align:top;
	position:relative;
}
.partner-wr .partner-list li:nth-child(6n) {margin-right:0;}
.partner-wr .partner-list li .img-wr {
    width: 100%;
    height: 7em;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .partner-wr .partner-list li img {max-height:100%;} */
.partner-wr .partner-list li img {width:100%;}
.partner-wr .partner-list li p {width:100%; margin-top:.8em;}

.icon-list02 {display:block; text-align:center; margin-bottom:1em;}
.icon-list02 li {
	display: inline-block;
    width: calc(20% - 1em);
    text-align: center;
    border-right: 1px dotted #adadad;
	vertical-align:top;
}
.igm_pack .icon-list02 li p {font-size:1.8rem; color:#45a2e6;}
.igm_pack .icon-list02 li p:after {content:''; display:block; margin:.8em auto; width:25px; height:1px; background:#d7d7d7;}
.icon-list02 li dl dt {font-size:2rem; color:#114b90;}
.icon-list02 li dl dd {}
.icon-list02 li:last-child {border-right:none;}
.icon-list02 li h3 {font-weight:500; color:#1a1a1a; margin-top:.5em;}

/*맞춤형특강*/
.subject-list {display:block;}
.subject-list li {
	display: inline-block;
    width: calc(33% - 2em);
    margin: .6em 1%;
    border-radius: .3em;
    font-size: 2rem;
    padding: 1em;
    position: relative;
    cursor: pointer;
    box-shadow: inset 0 0 0px 1px #ececec;
    background: #f7f7f7;
}
.subject-list li:hover {box-shadow:inset 0 0 0px 2px #03A9F4; color:#03A9F4; background:#fff;}
.subject-list li .more-arr {
    position: absolute;
    top: 50%;
    right: 1em;
    display: block;
    width: 1.7em;
    height: 1.7em;
    border-radius: 100%;
    background:url('/img/next_arr_w.png')no-repeat center #45a2e6;
    transform: translateY(-50%);
}
.subject-list-cont {padding: .6em;border-bottom: 1px solid #bfbfbf;}
.subject-list-cont dt {display:inline-block;width: 10%;color: #a9a9a9;}
.subject-list-cont dd {display:inline-block;width: 85%;color: #000;}

/*IGM FLEX*/
.flex-cont-b {background:#f7f7f7;}
.flex-cont-b .cont-txt {text-align:center;}
.flex-cont-b .cont-txt h4 {font-size:3rem;}
.flex-cont-b .cont-txt p {font-size:1.7rem;}
.flex-cont-b .sub-tit02 {margin-bottom:0;}
.flex-cont-c {background:url('/img/sub/f_bg_c.jpg')no-repeat center #1a1a1a; background-size:cover;}
.solution-wr  .flex-cont-c .sub-tit02 p {color:#fff;}
.flex-cont-c .img-list04 p {font-size:1.6rem; color:#fff;}
.flex-cont-d .slogan {text-align:center; font-size:1.8rem; color:#1a1a1a;}
.flex-cont-e {background:#f7f7f7;}
.flex-cont-e .case-list {
	display: inline-block;
    width: calc(33% - 4em);
    margin: 0 2%;
    vertical-align: top;
}
.flex-cont-e .case-list .img-section {
	padding: 25% 0;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.flex-cont-e .case-list .img-section .c-num {margin-top:1em; font-family:'Play', sans-serif; font-size:1.8rem; letter-spacing:0; color:#fff;}
.flex-cont-e .case-list .cont-txt {
	min-height: 22em;
    background: #fff;
    padding: 2em;
    border-radius: 0 0 .5em .5em;
}
.flex-cont-e .case-list .cont-txt h3 {
    font-weight: 500;
    color: #004093;
}
.flex-cont-e .case-list .cont-txt span {
    display: block;
    font-size: 1.7rem;
    color: #1a1a1a;
}
.flex-cont-e .case-list .cont-txt span:after {
	content: '';
    display: block;
    margin: 1em 0;
    width: 30px;
    height: 1px;
    background: #b7b7b7;
}


.solution-wr .sub-tit02:after {
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #a5a5a5;
    margin: 20px auto;
}
.solution-wr .sub-tit02 p {color:#000;}
.solution-wr .sub-tit02 h3:after {display:none;}
.icon-link {padding-top:3em;}
.icon-link li {
    display: inline-block;
    width: calc(33% - 1.888em);
    vertical-align: top;
    margin: 0 1em;
    transition: .5s ease
}
.icon-link a > .more-arr {
    display: block;
    margin: 1em auto 0;
    width: 2em;
    height: 2em;
    border-radius: 100%;
    box-shadow: inset 0 0 0 1px #c3c3c3;
    background: url('/img/next_arr_g.png')no-repeat center;
}
.icon-link a:hover > .more-arr {
	background:url('/img/next_arr_w.png')no-repeat center #45a2e6;
	box-shadow:none;
}
.icon-link a:hover {box-shadow:inset 0 0 0px 2px #03A9F4; color:#03A9F4; background:#fff;}

.icon-link a {
	display: flex;
	box-shadow:inset 0 0 0px 1px #dddddd;
	border-radius: .8em;
	padding: 2em;
	align-content: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	width: 100%;
	position:relative;
}
.icon-link img {
    display: block;
    margin: 1em auto;
}
.icon-link p {font-size:1.8rem;}


/*교육문의*/
#wrapper.mb_inq {background:#f7f7f7;}
.edu-inquiry {width: 100%;max-width: 980px;margin: 5em auto;background:#fff;padding:2em;border-radius:.4em;box-shadow:0 6px 10px rgb(80 80 80 / 10%);}
.onlineForm .req {color:red; margin-right:5px;}
.onlineForm .form_input1 {
	width:100%;
	height:45px;
	border: 1px solid #dcdcdc;
    border-radius: .5em;
    background: #fff;
    color: #000;
    vertical-align: middle;
    padding: 10px;
}
.onlineForm .form_cont1 {width:100%; height:150px; border: 1px solid #dcdcdc;  border-radius:.5em;}
.onlineForm select {
width: 100%;
    height: 45px;
    border: 1px solid #dcdcdc;
    border-radius: .5em;
    background: #fff;
    color: #000;
    vertical-align: middle;
    padding: 10px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:url('/img/main/sel-arr.png') no-repeat 95% 50%;
}
.onlineForm select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */

.onlineForm .form-box2 dl {width:calc(100% - 2.8em);}
.onlineForm dl {
    display: inline-block;
    width: calc(50% - 2.8em);
    margin: 1em 2%;
}
.onlineForm dl dt {
    font-size: 1.8rem;
    color: #1a1a1a;
    margin-bottom: .5em;
}
.onlineForm .info_txt span{color:#ff0000;}
.form-box.terms {margin:1em; margin-top:60px;}
.form-box.terms h3 {font-size: 1.8rem; font-weight:500; color: #1a1a1a;  margin-bottom: .5em;}
.form-box .terms-cont {
	width: 100%;
	height:11em;
    border: 1px solid #dddddd;
    padding: 1em;
	margin-bottom:1em;
	overflow-y:scroll;
}

.form-box .terms-cont h4 {font-size:1.6rem; font-weight:500; color:#004092; }
.form-box .terms-cont #ctt_con p {margin-bottom:20px;}
.form-box .terms-cont #ctt_con .tit {font-weight:bold; font-size:1.7rem; margin-bottom:10px;}
.form-box .terms-cont #ctt_con ul {margin-bottom:20px;}
.form-box .terms-cont #ctt_con ul li {word-break:keep-all;}
.form-box .check {text-align:center; margin-bottom:2em;}
.form-box .check ul li {display:inline-block; margin-right:1em;}
.btn-area-center {margin:1em 0;}
.inq-button {
	display: block;
    width: 100%;
    max-width: 200px;
    height: 52px;
    line-height: 52px;
    padding: 0 10px;
    border: 0;
	background: #004092;
	font-family:'Noto Sans Korean', sans-serif;
	font-size: 1.8rem;
    font-weight: 500;
    color: #fff;
    border-radius: 3em;
	margin:0 auto;
}
.info-txt {text-align:center; margin-bottom:3em;}
.info-txt strong {font-size:2.5rem; font-weight:500; color:#1a1a1a; margin:.8em 0;}
.info-txt dt {font-size:1.8rem; font-weight:500; color:#0051b9;}
.info-txt dd {}

.edu-inq-tab {
    width: 100%;
	max-width:500px;
    margin:0 auto 3em;
    display: flex;
}
.edu-inq-tab li {
    width: 100%;
    line-height: 46px;
    font-size: 1.7rem;
    position: relative;
    cursor: pointer;
	text-align:center;
}
.edu-inq-tab li:first-child::before {
	content: '';
    display: block;
    position: absolute;
    top: 1em;
    right: 0;
    width: 1px;
    height: 15px;
    background: #cacaca;
}
.edu-inq-tab li.on {color: #2196f3;}
.edu-inq-tab li:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #dddddd;
}
.edu-inq-tab li.on:after {
	content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #2196f3;
    position: absolute;
    bottom: 0;
}
.inq-wrap {display:none;}
.inq-wrap.on {display:block;}

/*공간임대*/
.space-slide {display:inline-block; width:45%; margin-right:5%; vertical-align:top;}

.space-slide .swiper-container { width: 100%;  margin:0 auto 1em;}
.space-slide .gallery-thumbs .swiper-slide-container {height:auto;}
.space-slide .swiper-slide-container img {width:100%; max-height:100%;}
.space-slide .swiper-slide-container {
  text-align: center;
  font-size: 18px;
  max-width: 600px;
  margin:auto;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.gallery-top {  height: 80%;  width: 100%;}
.gallery-thumbs { height: 20%; box-sizing: border-box;  padding: 10px 0;}
.gallery-thumbs .swiper-slide { width: 20%; height: 100%;opacity: 0.4; cursor:pointer;}
.gallery-thumbs .swiper-slide-active { opacity: 1;}
.space-wr .tb-style01 tr.n-bg td:nth-child(4){border-right:none;}
.space-wr .sol-tabmenu li.on {font-weight: 500;color: #0085e6;}
.space-wr .last_td{border-right:none;}
.space-wr .sol-tabmenu li.on:after {
	content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #0084e6;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.space-wr .sub-tit02 p {font-weight:500; color:#1a1a1a;}
.space-wr .sub-tit02:after {
	content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #a5a5a5;
    margin: 20px auto;
}
.space-info {display:inline-block; width:45%;}
.space-info .info-list {}
.space-info .info-tit {margin-bottom:3em;}
.space-info .info-tit h3 {
	font-size: 3.2rem;
    font-weight: 500;
    color: #004093;
    margin-bottom: .3em;
}
.space-info .info-tit p {font-size: 1.7rem;}
.facility-list .txt-list {padding-left:1.5em}
.facility-list .sub-tit {margin-bottom:.6em;}
.facility-list .txt-list li {margin-bottom:.3em;font-size: 1.5rem;}
.facility-list .inquiry-info {margin-top:2em;}
.facility-list .inquiry-info dt {
	font-size: 2.2rem!important;
    font-weight: 500;
    color: #1a1a1a;
    position: relative;
    padding-left: 1em;
	margin-bottom:.6em
}
.facility-list .inquiry-info dt:before {
	content: '';
    display: block;
    background: #45a2e6;
    width: 15px;
    height: 3px;
    position: absolute;
    top: .8em;
    left: 0;
}
.facility-list .inquiry-info dd {display:inline-block;position:relative;font-family: 'Montserrat', sans-serif;font-weight: 600;font-size: 1.7rem;letter-spacing: normal;padding-left: 1.5em;}
.facility-list .inquiry-info dd:after {content:'I';display:inline-block;font-weight:200;color:#afafaf;margin: 0 0 0 1em;}
.facility-list .inquiry-info dd:last-child::after {display:none;}

.space-wr .cont-a {display:flex;}
.space-wr .cont-a .img-section {float: left; width: 40%;}
.space-wr .cont-a .info-cont {float: right; width: 55%;}
.space-wr .cont-a .info-cont h2 {font-size:2.6rem;font-weight: normal;color:#1a1a1a;margin-bottom: 2em; word-break:keep-all;}

.space-wr .service-list .sub-tit {font-family:'Play', sans-serif;font-weight:bold;color:#013e7d;margin-bottom: 1em;}
.space-wr .service-list li {display:inline-block;width: calc(50% - 2em);margin: 1em 2%;position: relative; vertical-align:top;}
.space-wr .service-list li img {
    position: absolute;
    top: 0;
    left: 0;
}
.space-wr .service-list li h3 {
    padding-left: 24%;
    font-size: 1.7rem;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: .3em;
}
.space-wr .service-list li p {
    padding-left: 24%;
}
.space-wr .cont-b {background:#f7f7f7;}
.space-wr .sub-tabmenu {text-align:center; margin:4em 0;}
.space-wr .sub-tabmenu li {min-width:17%; text-align:center;}
.space-view {display:none;}
.space-view.on {display:block;}
.space-view-cont {display:none;}
.space-view-cont.on {display:block;}
.ft-icon-list {padding:0 2% 0 0;}
.ft-icon-list li {
    display: inline-block;
    width: calc(33% - 2.08em);
    min-height: 25em;
    background: #fff;
    border-radius: .5em;
    padding: 5em 2em;
    vertical-align: top;
    margin: 0 1.2% 2em;
    text-align: center;
	box-shadow:0 3px 4px 0px rgb(185 185 185 / 20%);
}
.ft-icon-list li img {
    margin-bottom: 1em;
}
.ft-icon-list li h3 {
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: .5em;
}
.ft-icon-list li p {
    line-height: 1.6;
    color: #777777;
}
.charge {display:block; margin:4em 0 5em 0;}

/*공간임대문의-부대시설*/
.new_sub_room {position:relative; padding:5em 0 3em 0;}
.new_sub_room .left-img {width:50%; display:inline-block;}
.new_sub_room  .cont-txt {
	width: 59%;
    font-size: 2rem;
    vertical-align: top;
    position: absolute;
    top: 52%;
    left: 40%;
    background: #fff;
    padding: 5em 3em;
    transform: translateY(-50%);
    box-shadow: 1px 1px 12px rgba(0,0,0,0.1);
}
.new_sub_room  .cont-txt b {color:#1a1a1a;}
.new_sub_content .header1 {
    font-size: 2.2rem;
	font-weight: 500;
    color: #1a1a1a;
    position: relative;
    padding-left: 1em;
    margin: 2em 0 1em 0;
}
.new_sub_content .header1:before {
    content: '';
    display: block;
    background: #45a2e6;
    width: 15px;
    height: 3px;
    position: absolute;
    top: .8em;
    left: 0;
}
.description1 .title1 {
	color: #0c4da2;
    font-size: 1.9rem;
    margin-bottom: 5px;
    word-break: keep-all;
}
.description1 .content {
    color: #333;
    font-size: 1.5rem;
    line-height: 22px;
    margin-bottom: 25px;
}
.roo_skill2 ul li {
	display:inline-block;
	width:calc(25% - 3em);
	border:1px solid #dddddd;
	border-radius:.6em;
	padding:2em;
	text-align:center;
	margin:0 1.5%;
	font-size:1.6rem;
	color:#004092;
}
.roo_skill2 ul li p {font-size:1.4rem; color:#666;}
.roo_skill3 ul li {
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
	width: calc(50% - 6em);
	padding: 0 2em 2em;
}
.roo_skill3 ul li .skill-cont {
    background: #004092;
    padding: 2em;
    color: #fff;
    width: 100%;
}
.roo_skill3 ul li .skill-cont img { position: absolute;top: 2em;  left: 4em;}
.roo_skill3 ul li .skill-cont h4 {font-size:1.8rem; padding-left: 15%;}
.roo_skill3 ul li .skill-cont p {font-size:1.5rem; opacity:.8; padding-left: 15%;}
.roo_skill3 ul li:last-child .skill-cont h4, .roo_skill3 ul li:last-child .skill-cont p {padding-left:17%;}
.rst-info {margin-top:2em;}
.rst-info dl {margin-bottom:1em;}
.rst-info dl dt {display:block; color:#000; position:relative; padding-left:.7em;}
.rst-info dl dt:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #45a2e6;
    border-radius: 100%;
    position: absolute;
    top: .7em;
    left: 0;
}
.rst-info dl dd {padding-left:.7em;}

/*mypage order-list*/
.due_download{width:100%; padding-top:30px; margin:0 auto; color:#999; text-align: center;}
.due_download a{color:#09428f;}
.order-list .od-list {border:1px solid #dddddd; border-radius:.5em; padding:2em; margin-bottom:2em;}
.order-list .od-list a {vertical-align:top;}
.order-list .od-list .img-section {display:inline-block; width:20%;padding-bottom:15%; background-repeat:no-repeat; background-position:center; background-size:contain;}
.order-list .od-list .od-list-cont {display:inline-block; width:75%; padding-left:4%;}
.order-list .od-num {font-size:2rem; margin-bottom:1em;}
.order-list .od-num p {display:inline-block;}
.order-list .od-num span {display:inline-block; font-weight:500; color:#004093;}
.order-list .od-list .od-list-cont dl {margin-bottom:.8em;}
.order-list .od-list .od-list-cont dl dt {display:inline-block; position:relative; padding-left:1em; float: left;}
.order-list .od-list .od-list-cont dl dt:before {
	content:'';
	display:block;
	margin:0 .4em;
	width:.2em;
	height:.2em;
	background:#45a2e6;
	position:absolute;
	top:.7em;
	left:0;
}
.order-list .od-list .od-list-cont dl dt:after {content:':'; display:inline-block; margin:0 .4em;}
.order-list .od-list .od-list-cont dl dd {display:inline-block; }

/*mypage order-view*/
.order-view {padding:0 0 7em 0;}
.order-view  .btn-align {text-align:center;}
.od-cart-list {
	border:1px solid #ececec;
	border-radius:.7em;
	padding:2em;
	margin-bottom:1em;
}
.od-cart-list a {vertical-align:top;}
.od-cart-list .img-section {display:inline-block; width:25%;padding-bottom:20%; background-repeat:no-repeat; background-position:center;  background-size: contain;}
.od-cart-list .od-list-cont {display:inline-block; width:70%; padding-left:4%;}
.od-cart-list .od-item-tit {font-weight:500; margin-bottom:1.5em;}
.od-cart-list .od-list-cont dl {margin-bottom:.8em;}
.od-cart-list .od-list-cont dl dt {display:inline-block; position:relative; padding-left:.8em;}
.od-cart-list .od-list-cont dl dt:before {
	content:'';
	display:block;
	margin:0 .4em;
	width:.2em;
	height:.2em;
	background:#45a2e6;
	border-radius:100%;
	position:absolute;
	top:.7em;
	left:0;
}
.od-cart-list .od-list-cont dl dt:after {content:':'; display:inline-block; margin:0 .4em;}
.od-cart-list .od-list-cont dl dd {display:inline-block; }
a.od-btn01 {
	border: 1px solid #1a82da;
    color: #1a82da;
    padding: .3em 1em;
    border-radius: .4em;
    margin-left: .6em;
}
a.od-btn01 i {margin-left:.4em;}
.od-status01 {
    color: #fff;
	background:#1a82da;
    padding: .3em 1em;
    border-radius: .4em;
    margin-left: .6em;
}
.od-status02 {
    color: #fff;
	background:#ff9800;
    padding: .3em 1em;
    border-radius: .4em;
    margin-left: .6em;
}
.od-complete {
    background: #fff;
    border-radius: .5em;
    margin-bottom: 2em;
    text-align: center;
}
.od-complete p {font-size:1.8rem;}
.od-complete strong {
    font-size: 22px;
    font-size: 2.2rem;
    color: #1a82da;
    font-weight: 600;
}
.od-tabmenu {
	border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    display: block;
    text-align: center;
	margin:3em 0;
}
.od-tabmenu li {
	font-size: 1.6rem;
    color: #656565;
    position: relative;
    padding: .8em 2em;
    display: inline-block;
    cursor: pointer;
}
.od-tabmenu li.on {font-weight: 500;color: #0085e6;}
.od-tabmenu li:hover {color: #0085e6;}
.od-tabmenu li.on:after {
	content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #0084e6;
    position: absolute;
    bottom: -1px;
    left: 0;
}
.od-view-cont {display:none;}
.od-view-cont.on {display:block;}

/*mypage 회원정보변경*/
.mypage .sub-sec {width:100%; max-width:800px; margin:0 auto; position:relative;}
.form_01 li .reg_fr_tit {
	display: inline-block;
    width: 30%;
    vertical-align: top;
    margin: .8em 0;
	font-size:1.7rem;
}
.mypage .address {display: inline-block; width: calc(70% - 0.2em);}
.mypage .address #reg_mb_zip {position:relative;}
.mypage .address .full_input {width:100%; margin-bottom:.8em;}
.mypage .address .btn_frmline {
	position: absolute;
    top: 6px;
    right: 8px;
    height: 32px;
	line-height: 32px;
    padding: 0 50px;
    border-radius: 3px;
	background: #6d6d6d;
}
.mypage .frm_address {margin: 0 0 .8em 0; width: 100%;}
.file-input {position:relative;width: 100%;overflow: hidden;}
.form_01 .file-input {
    position: relative;
    width: calc(70% - 0.2em);
    display: inline-block;
}
.file-input #filetext {
	float: left;
	width: 100%;
	height: 43px;
	line-height: 35px;
	padding: 0 15px;
	border: 1px solid #d8d8d8;
	color: #333;
	background: #f1f1f1;
	border-radius:.4em;
	box-sizing: border-box;
}

.file-input .findBtn {
    width: 43px;
    height: 43px;
    line-height: 30px;
    background: url('/img/main/search_icon.png')no-repeat center;
    border: none;
    border-radius: 0 .4em .4em 0;
    color: #fff;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.file-input #file_find {
	position:absolute;
	top:0;
	right:0;
	width: 108px;
	height: 43px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity:0;
	-moz-opacity:0;
	}

::-webkit-file-upload-button { cursor:pointer; }
.mypage .btn_confirm {margin-top:3em;}
.btn_confirm a, .btn-confirm button {
	display: inline-block;
    padding: 8px 7px 7px;
}
.btn_confirm .btn_cancel {
	width: 48%;
    max-width: 210px;
    height: 52px;
    line-height: 35px;
    font-size: 1.7rem;
    color: #fff;
    border: none;
    border-radius: 4em;
    background: #2f2f2f;
    margin-right: 1.5%;
}
.btn_confirm .btn_submit {
	width: 48%;
    max-width: 210px;
    height: 52px;
    font-weight: bold;
    font-size: 1.7rem;
    border-radius: 4em;
    background: #004092;
}


/*mypage order-list*/
.media-list .list {
	display:inline-block;
	width:calc(33% - -0.1em);
	border-radius:.5em;
	margin-bottom:2em;
	padding:0 2%;
}
.media-list .list a {vertical-align:top;}
.media-list .list .img-section {
	display:block;
	width:100%;
	padding-bottom:67%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin-bottom:1em;
}
.media-list .list .od-list-cont {display:inline-block; width:75%; padding-left:4%;}
.media-list .tit {font-size:2rem; margin:1.5em 0 .6em 0;}
.media-list .tit p {display:inline-block;}
.media-list .tit span {display:inline-block; font-weight:500; color:#004093;}
.media-list .list .media-list-cont dl {margin-bottom:.8em;}
.media-list .list .media-list-cont dl dt {display:inline-block; position:relative;}
.media-list .list .media-list-cont dl dt i {margin-right:.3em;}
.media-list .list .media-list-cont dl dt:after {content:':'; display:inline-block; margin:0 .3em;  color:#5e5e5e;}
.media-list .list .media-list-cont dl dd {display:inline-block; color:#5e5e5e;}

/*mypage video-view*/
.media-view .video-wr {display:flex; width:100%; height:auto; margin-top:0; padding-bottom:0;}
.media-view .video-wr .media-main {width:80%; padding-bottom:43%; position:relative;}
.media-view .video-wr .media-main iframe {height:100%;}
.media-view .video-wr .media-thum {
	width: 20%;
    margin-left: 3%;
    padding-right:3%;
    height:550px;
    overflow: auto;
    border-radius: .4em;
}
.media-view .video-wr .media-thum iframe {height:6.3em; box-shadow:none;}
.media-view .video-wr .media-thum h3 {
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 1em;
	text-align:left;
}
.media-view .video-wr .media-thum ul li {margin-bottom:1em;}
.media-view .video-wr .media-thum ul li a {display:block;}
.media-view .video-wr .media-thum ul li a img {width:100%;}
.media-view-cont {border-top:2px solid #013e7d;  border-bottom:1px solid #dddddd; padding:3em; margin-top:2em; position:relative; overflow:hidden;}
.media-view-cont dt {
	font-size: 2.6rem;
    color: #013e7d;
    margin-bottom: 1em;
}
.media-view-cont dt:after {content:''; display:block; margin:1em 0; width:30px; height:1px; background:#ddd;}
.media-view-cont dd {font-size: 1.7rem;margin-bottom:1em;}
.media-view-cont dd i {margin-right:.3em;}
.media-view-cont dd.date {font-size:1.4rem;}

/*place*/
.place .cont-a .img-section {float:right;}
.place .cont-a .txt-box {
	background: #fff;
    padding: 5em 3em 5em 0;
    width: 44%;
	height:23em;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-53%);
}
.place .cont-a .txt-box h3 {
    font-size: 3rem;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 1em;
}
.place .cont-a .txt-box p {font-family:'Play', sans-serif;  font-size:2.2rem; font-weight:bold;}
.place .cont-a .txt-box p:after {content:''; display:block; margin:1em 0; width:25px; height:1px; background:#a8a8a8;}
.place .cont-b {background:#f7f7f7;}
.place .cont-b .ft-list {float:left; width:35%;}
.place .cont-b img {float:right; width:58%;}
.Praha {float:right; width:58%; height:42rem; position:relative;}
#Praha:after{content:url("https://igm.or.kr/data/editor/2304/be3e31714d363b479fe65748a58011ed_1682484897_7543.png");
	position: absolute; top:4%; right:3%;}
#Praha { 
		width: 100%;
		height: 100%;
		position: absolute;
		display: table;
		-moz-transform-origin: top left;
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
		top:0;
		left:0;}
.Praha p{position:absolute; top:104%; right:0; color:#696969;}
.place .cont-c .ft-list {float:left; margin-top:5em;}
.place .cont-c img {float:right;}
.place .cont-c .inner1280 {border-bottom:1px solid #dddddd;}
.place .cont-d .ft-list {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.place .cont-d .inner1280 {border-bottom:1px solid #dddddd;}
.place .cont-d .ft-list {float:left;}
.place .cont-d img {float:right;}
.place .cont-e .ft-list {float:right; width:35%;}
.place .cont-e img {float:left; width:58%;}
.place .ft-list dl dt {margin-bottom:1em; font-size:1.8rem; word-break:keep-all;}
.place .ft-list dl dt:before {top:.2em;}
.place .cont-f {background:#f7f7f7;}
.place .cont-f img {float:left; width:58%;}
.place .cont-f .ft-list {
    width: 36%;
    position: absolute;
    top: 50%;
    right: 0;
}
.place .cont-g .inner1280 {border-bottom:1px solid #dddddd;}
.place .cont-g img {float:right; width:58%;}
.place .cont-g .ft-list {float:left; width:35%;}
.place .cont-h .cont-list {display:flex;}
.place .cont-h .cont-list li {width:100%; padding:0 2%;}
.place .cont-h .cont-list li img {padding-left:5%;}
.place .cont-i {background:#f7f7f7;}
.place .cont-i .sub-tit02 h3 {font-family:'Noto Sans Korean', sans-serif;}
.place .cont-i .icon-list02 li {width:calc(24% - 1em); padding:0 2%;}
.place .cont-i .icon-list02 li > h3 {font-size:1.6rem;}
.place .cont-i .icon-list02 li p {word-break:keep-all;}
.place .cont-i .icon-list02 li p:before {content:''; display:block; margin:.5em auto; width:20px; height:1px; background:#909090;}
.place .cont-i .txt-box .info-txt {text-align:center; margin-bottom:3em; font-weight:normal;}
.place .cont-i img {margin:1em 0;}

.edu_sub_desc{font-size:1.5rem; padding-left:25px; color:#666; margin-bottom:2.5rem;}
.edu_bg_text{ background:#f1f7fd; padding:2.5rem; font-size:1.6rem; color:#1a1a1a; font-weight:500; margin-bottom:5rem; border-radius:4px;}
.__gray_bg::after{z-index:-1; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:200%; height:100%; background:#f3f3f3;}
.m_plus_btn{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

.edu_video .sub-sec{padding:7em 0 3em;}
.edu_video .info-txt{margin-bottom:1.5em;}
.edu_video .info-txt p {font-size:2.2rem; color:#1a1a1a;}
.edu_video .info-txt p span{font-size:3rem;}

.edu_video_content{width:100%; text-align:center;}
.edu_video_content h3{font-size: 3rem; font-weight: 500; color: #1a1a1a; margin-bottom: .8em;}
.edu_video .edu_video_info{display:flex; padding:6em 0; border-bottom:1px dashed #d8d8d8}
.edu_video .info-txt .edu_subtitle{font-size:2rem; color:#666;}
.edu_video .info-txt .edu_title{font-size:3rem;}
.edu_video .info-txt .list_titlte_btnbox{ border-radius:4px; padding:2rem 0; margin-bottom:2rem; color:#fff; font-weight:500; font-size:2rem;}

.edu_list_item h4{position:relative; font-size:2.3rem; padding-left:25px; font-weight:500; color:#1a1a1a; margin-bottom:2rem;}
.edu_list_item h4::after{content:''; width:15px; height:3px; background:#45a2e6; position:absolute; top:50%; transform:translateY(-50%); left:0;}

.edu_cont-a{ position:relative; display:flex; margin:6rem 0; justify-content:space-between;}
.edu_cont-a .edu_cont_item{width:100%; display:flex; align-items:center; justify-content:center;}
.edu_cont-a .edu_cont_item ul{ padding:2rem;}
.edu_cont-a .edu_cont_item ul li{margin:3rem 0}
.edu_cont-a .edu_cont_item ul li .cont_item_title{ font-size: 2rem; font-weight: 500; color: #114b90; margin-bottom:1.5rem;}
.edu_cont-a .edu_cont_item ul li .cont_item_text{font-size:1.5rem;}

.edu_video_ref{position:relative; padding:8rem 6rem; margin-top:8rem;}
.edu_video_ref .info-txt h4{font-size:2.8rem; font-weight:300; color:#656565; margin-bottom:4rem;}
.edu_video_ref .edu_title{margin-bottom:4rem;}
.edu_video_ref .edu_cont-a{justify-content:center;}
.edu_video_ref .edu_cont-a > li{display:flex; flex-direction:column; margin:0 2rem; min-width:200px; width:20%;}
.edu_video_ref .edu_cont-a > li img{width:100%;}
.edu_video_ref .edu_cont-a li > ul{padding:2rem 0;}
.edu_video_ref .edu_cont-a li .list_title{font-family:'S-CoreDream-7ExtraBold', Sans-serif; padding:2rem 0; border-bottom:1px solid #666666;}
.edu_video_ref .edu_cont-a li .list_sub_title{padding:2rem 0;}
.edu_video_ref .edu_cont-a li:nth-child(1) .list_titlte_btnbox{background:#093563;}
.edu_video_ref .edu_cont-a li:nth-child(2) .list_titlte_btnbox{background:#033db0;}
.edu_video_ref .edu_cont-a li:nth-child(3) .list_titlte_btnbox{background:#2d7ccf;}
.edu_video_ref .edu_cont-a li:nth-child(4) .list_titlte_btnbox{background:#00a5af;}
.edu_video_ref .edu_cont-a li > ul > li{position:relative; text-align:left; padding:0 1rem; font-size:1.5rem;}
.edu_video_ref .edu_cont-a li > ul > li:after{content: ''; width: 4px; height: 4px; background: #3097e2; border-radius: 100%; position: absolute; top: 1rem; left: 0;}
.edu_video_ref .edu_cont-a li > .list_white_bg{background:#fff; padding:2rem 3rem; min-height:150px;}
.edu_video_ref .edu_cont-a li > .list_white_bg > li { position:relative; text-align:left; padding-left:1rem; margin-bottom:1rem; word-break:keep-all;}
.edu_video_ref .edu_cont-a li > .list_white_bg > li::after{content:''; width:4px; height:4px; background:#3097e2; border-radius:100%; position:absolute; top:1rem; left:0;}

.ref_deco_title{position:relative; font-family:'Play', Sans-serif; font-weight:700; margin-bottom:2rem; padding-bottom:2rem;}
.ref_deco_title::after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:50px; height:1px; background:#ddd;}


.edu_video_ref02{margin-top:6rem;}
.edu_video_ref02 img{margin-top:auto;}
.edu_video_ref02 .info-txt h4{font-size: 2.8rem; font-weight: 300; color: #656565; margin-bottom: 4rem;}
.edu_video_ref02 .edu_span_btn{background:#f1f7fd; padding:5px 20px; display:inline-block; border-radius:4px; font-weight:500; margin:5rem 0; font-size:2rem;}

.ns-container { width: 100%; max-width: 1280px; margin-right: auto; margin-left: auto; display: flow-root; box-sizing: content-box; }
.ns-container.view { max-width: 1060px; }
.ns-special-list { display: flex; flex-wrap: wrap; }
.ns-special-list li { margin-right: 10px; margin-bottom: 10px; }
.ns-special-list li span { padding: 5px 20px;  border-radius: 10px; font-size: 1.8rem;  font-weight: bold; display: block; }
 .v-cont{padding: 0;}
.content .txt-list li p{font-size:16px; font-weight: normal;}
.ns-lib-tabs{    width: 120px;
    height: 120px;
    background-color: white;
    border-radius: 34px;
    box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
	margin:10% auto;}
.ns-lib-tabs img {
    border: none;
	position:absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.digital_apps{max-width:960px; margin:auto; margin-bottom:20px;  display:flex;}
.digital_text{font-size: 2rem; color:#666;}
.digital_app_box{width:18%; display:flex;}
.digital_app{text-align: left; width:32%}
.digital_app h4{width:100%; font-size: 2rem; margin-bottom: 10px; }
.digital_app p{font-size: 18px;}

.digital_app_icon{    width: 80px;
    height: 80px;
    background-color: white;
    border-radius: 34px;
    box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, .2);
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
	margin:10% auto;}
	.digital_app_icon img {
    border: none;
	position:absolute;
    max-width: 90%;
    max-height: 90%;
    top: 50%;
    left: 50%;
	transform: translate(-50%,-50%);
    margin: auto;
}



.digital_curiculum{ margin:0 auto;}
.curiculm_table{ margin:0 auto; overflow:scroll; width:1024px; vertical-align: middle;}
.curiculm_table td{border-left:1px solid#ccc; margin-left:10px; border-bottom:1px solid#ccc; padding:10px; letter-spacing: -0;}
.cal_header td{color:#222; background-color: #eee; font-weight: bold; font-size: 16px !important; }
.cal_tit{background-color:#eee;}
.curiculum_tabs{ border-bottom:1px solid#aaa;  margin:0 auto; margin-bottom:60px;}
.curiculum_tabs ul{margin: 0 auto; width:100%; max-width:300px;}
.curiculum_tabs ul li{float:left; padding:5px 10px; width:49%;text-align: center; font-size: 18px; color:#666; font-weight: bold;}
.curiculum_tabs ul li:hover{background-color: #aaa; color:#fff; cursor: pointer;}
.cur_day2, .cur_day3{display: none;}

.professor_intro{ margin:0 auto; margin-top:60px;}
.professor_intro table{overflow: scroll;width:1024px; }
.professor_intro td{padding:10px; vertical-align:top;letter-spacing: normal;}


@media screen and (max-width:2048px){
    .career .IGM_life > .life_text{width:50%; -webkit-transform:translateX(42%);}
}

@media screen and (max-width:1920px){
    .career .IGM_life > .life_text{width:44%; -webkit-transform:translateX(42%);}
}


@media screen and (max-width:1680px){
    .career .IGM_life > .life_text{width:50%; -webkit-transform:translateX(28%);}

}

@media (max-width:1279px)  {

	/*최고위임원과정*/
	.item-detail .item-tabmenu.fix {top:90px;}
	.item-detail .v-cont {padding:4em 5%; }
	.item-info .item-cont {padding-right:2em;}

	/*solution*/
	.sol-tabmenu.fix {top:90px;}

	/*sub 인사말*/
	.greeting {padding:0 5%;}

	/*sub-비전핵심가치*/
	.company .cont-a,
	.company .cont-c {padding:8em 4%;}
	.core_value .list-cont dd .pc-b {display:none;}
	.company .cont-d:before {height:33vh;}

	/*강의 뷰*/
	.class-list {display:block; text-align:center; margin-bottom:2em;}
	.class-list dl {width:45%; display:inline-block;}

	/**/
	.members-list li a {min-height:345px;}

	/*igm역사*/
	.history-wr {padding:5em 5%;}

	/*공간임대*/
	.space-wr .service-list li h3, .space-wr .service-list li p {padding-left:37%;}

	/*오시는 길*/
	.contact {padding:5em 5%;}

	/*공간임대문의*/
	.new_sub_room .cont-txt {padding:3em;}
	.roo_skill2 ul li {width:calc(50% - 3em); margin-bottom:2em;}
	.roo_skill3 ul li {display:flex; width:100%;}
	.roo_skill3 ul li .skill-cont {width:50%; text-align:center; padding:7em 2em; }
	.roo_skill3 ul li .skill-cont img {position:relative; top:0; left:0;}
	.roo_skill3 ul li .skill-cont h4, .roo_skill3 ul li .skill-cont p {padding:0;}
	.roo_skill3 ul li:last-child .skill-cont h4, .roo_skill3 ul li:last-child .skill-cont p {padding:0;}
	.rst-info {
		 margin-top: 2em;
		display: flex;
		flex-direction: column;
		padding-left: 5%;
	}

	/*place*/
	.place .cont-b .ft-list {width:100%; margin-top:2em;}
	.place .cont-b img, .place .cont-c img {float:none; margin:0 auto; display:block;}
	.Praha {float:none; margin:0 auto; display:block;}
    .place .cont-c .ft-list {width:100%;}


}


@media (max-width:1200px)  {
	/*sub-공통*/
	.sub-sec {padding:5em 4%;}
	.sub-visual {padding-bottom:50%; }
	.visual-tit {padding:0 4%;}
	.sub-content .sub-cont  {padding:0 4%;}

	/*sub-비전핵심가치*/
	.company .cont-d:before {height:26vh;}

	/*igm-partners*/
	.sub-partners .ptn-list {height: auto;}
	.sub-partners .ptn-list .img-section { height: 10em;}
	.sub-partners .ptn-list .rpnc-cont {
		width: 100%;
		opacity: 1;
		background: #f5f5f5;
		position: relative;
		min-height: 9em;
		height: auto;
	}
	.sub-partners .ptn-list .rpnc-cont ul li a {color:#1a1a1a;}
	.sub-partners .ptn-list .rpnc-cont ul li:before {color:#808080;}

	/*강의리스트*/
	.course-slide .swiper-slide {display:block;}
	.course-wr .img-section {display:block; width:100%; background-size:cover; padding-bottom:65%;}
	.course-wr .cont-box { height:30em; padding:3em 2em; width:100%;}
	.cmt-list {display:block;}
	.cmt-list li {display:block; width:100%; margin-bottom:2em;}
	.cmt-cont { min-height:auto;}

	/*버추얼서비스*/
	.vtrl-wr .cont-a .txt-box {width:60%;}
	.vtrl-wr .cont-a .img-section {display:block; }

	/*솔루션*/
	.solution-wr .cont-a .img-section {padding-bottom:40%;}
	.accodian {width:90%; margin:0 auto;}
	.img-list li {width:calc(25% - 1em);}
	.solution-wr .cont-b .list-link li h3 {display:block;}
	.solution-wr .cont-b .list-link li p {display:block; padding-left:6.5em;}
	.solution-wr .cont-b .list-link li p:before {display:none;}

	/*공간임대*/
	.ft-icon-list li {width:calc(33% - 1.78em); min-height:22em;}
	.ft-icon-list li .pc-b {display:none;}
	.space-wr .cont-a .info-cont h2 .pc-b {display:none;}

	/*ceo club*/
	.ceo-club .cont-a {padding:5em 4%;}

	/*igm-books*/
	.books-wr {padding:5em 5%;}

	/*space*/
	.place .cont-d img {float:none; display:block; margin:0 auto 1em;}
	.place .cont-d .ft-list {position:relative; top:0; left:0; transform:unset; width:100%;}
	.place .cont-b img, .place .cont-c img {width:100%;}
	.Praha{width:100%;}

	/* career */
	.career .cont_text  p{line-height:25px;}
    .career .img02{height: 350px;}
    .career .img03{height:520px;}
    .career .IGM_life >.life_text{ -webkit-transform:translateX(10%);}

	.recruite .why, .recruiting{padding:0 6rem;}
    .recruite .con_box{padding:4rem;}
	.recruite .why_con li span{font-size: 1.8rem;}
	.recruite .pro_text li span{font-size: 2rem;}
    .recruite .rct_text li:first-child h5 {float: left;width: 40%; font-size: 2.4rem;}
    .recruite .con_box:last-of-type li br{display: none;}
    .recruite .bulb img{width:3%; height:3%;}
	.recruite .rct_top div {width:10%;}
	.recruite .rct_text > li:nth-child(2){font-size: 2rem;}
	.recruite .rct_text > li{font-size: 2rem;}




}

@media (max-width:1024px){
	.digital_curiculm{overflow: scroll;}
	.professor_intro{overflow: scroll;}
	.studio_ref .studio_box{width:100%; max-width: 800px; margin:0 auto; padding:0 20px;}
	.studio_ref .std_reference{width:240px; float:left; margin-left:20px;}

	.recruite .why, .recruiting{padding: 0 8rem;}
	.recruite .process{padding:8rem;}
	.recruite .con_box{padding:6rem;}
	.recruite .why_con{width:48%; height:42rem;}
	.recruite .why_cont > li span{font-size:2rem ;}
	.recruite .why_cont > li:nth-child(2),.recruite  .why_cont > li:nth-child(3),.recruite  .why_cont > li:nth-child(5), .why_cont > li:nth-child(6) {margin-left: 0; }
	.recruite .why_cont > li:nth-child(2),.recruite  .why_cont > li:nth-child(4),.recruite  .why_cont > li:nth-child(6) {margin-left:4%;}
	.recruite .why_cont > li:nth-child(3),.recruite  .why_cont > li:nth-child(4),.recruite  .why_cont > li:nth-child(5), .why_cont > li:nth-child(6) {margin-top: 2rem;}
	.recruite .rct_text li:first-child h5 {float: left;width: 50%;}
	.recruite .rct_top div {width:14%; padding:5px 0;}
	.recruite .pro_text li{list-style-position: outside; }
	.recruite .btn img{width: 40%;}


	.people .pp_contents .major li:nth-child(2){height: 28rem;}


	.contents_preview .main_tit{max-width: 800px; margin:0 auto; padding:100px 20px;}
	.contents_preview .preview_box{width:100%; max-width: 800px; margin:0 auto; padding:0 20px;}
	.contents_preview .preview{width:240px; height:320px; float:left; margin-left:20px; padding-bottom:60px;}
	.contents_pre .main_banner{width:100%; max-width: 840px; margin:0 auto;}


}

@media screen and (max-width:992px) {
    .career .main_banner{height:500px;}
    .career .main_banner > .main_text{ max-width:620px;}
    .career .main_banner > .main_text p{font-size:2rem;}
    .career .contents{padding:120px 30px;}
    .career .cont_text h6{font-size:3rem;}
    .career .cont_text p{font-size:1.8rem; line-height: 22px; padding:2rem 0; margin-bottom:2rem;}
    .career .IGM_life{height: 420px;}
    .career .img01{height: 450px;}
    .career .img02{height: 300px;}
    .career .img03{height:450px; margin:0;}
    .career .IGM_life >.life_text{ -webkit-transform:translateX(0%);}
    .career .cont_btn{color:#fff; font-size: 2rem;   background-color: #09428f;
        text-align: center; padding:5px 26px; border-radius: 5px;}
	.career .cont_btn:hover{padding:5px 28px;}
	.people .pp_contents .major li:nth-child(2){height: 26rem;}
	.life .life_intro li:last-child p{padding-top:4rem;}
	.life_contents iframe{height:250px;}
.life_contents video{ height:250px; }


	.hrd_seminar > .hrd_tit{padding:0 20px; border-bottom: 0;}
	.hrd_seminar .hrd_info .hrd_box{float:none; width:100%; max-width:800px; margin-left:0; margin:0 auto; }
	.hrd_seminar .hrd_info .hrd_box:nth-child(1){margin:0 auto;}
	.hrd_seminar .hrd_info .hrd_box:nth-child(2){padding-top:40px;}


	}


@media screen and (max-width:878px) {
	.digital_apps{max-width:960px; margin:auto; margin-bottom:20px;  display:flex;}
	.digital_app_box{width:36%; display:unset;}
	.digital_app{text-align: left; width:64%}
	.digital_app p{font-size: 14px;}
	.digital_app_icon{    width: 60px;
		height: 60px;
	}
	

	.contents_pre .main_banner{max-width: 693px;}
	.contents_pre .youtube_video iframe{ width:693px; height:390px;}
	.contents_pre .content_intro{width:100%; max-width: 690px; margin:0 auto; text-align: center; padding-bottom: 90px;}

	.people .pp_contents .major li:nth-child(2){height: 24rem;}
	.Praha{height:30rem; }
	.place .cont-b .ft-list{margin-top:5rem;}
}
@media (max-width:800px) {
	.keyword_box li:first-child{margin-right:auto; margin-bottom:40px;}
	.keyword_box li{width:90%; margin:0 auto; float:none; }
	.vision_left{width:100%; margin:0 auto; margin-bottom:40px; float:none;}
	.vision_right{width:100%; margin:0 auto; float:none;}
	.vision_structure{padding:10px;}

	.contents_preview .main_tit{padding:80px 20px; }
	.contents_preview .main_tit p{padding:0; }
	.contents_preview h2{font-size: 30px;}
	.contents_preview .preview_box{width:100%; max-width: 600px; padding:0 20px; }
	.contents_preview .preview{width:48%; float:left; margin-left:4%;}
	.contents_preview .preview:first-child, .contents_preview .preview:nth-child(3), .contents_preview .preview:nth-child(5),
	.contents_preview .preview:nth-child(7), .contents_preview .preview:nth-child(9), .contents_preview .preview:nth-child(11), .contents_preview .preview:nth-child(13){ margin-left:0;}
	.contents_preview .preview:nth-child(4){ margin-left:4%;}


	.studio_ref .main_tit{padding:90px 20px 80px; }
	.studio_ref h2{font-size: 30px; }
	.studio_ref .main_tit p{font-size: 18px; letter-spacing:-1px;}
	.studio_ref h6{font-size: 16px; }
	.studio_ref .studio_box{width:100%; max-width: 600px; padding:0 20px; }
	.studio_ref .studio_box ul li:first-child{ margin-left:0;}
	.studio_ref .std_reference{width:31%; float:left; margin-left:2%;}
	.studio_ref .std_reference:nth-child(4){ margin-left:4%;}

	.top-menu {text-align:left; margin-left:10px;}
	.hd_search .btn_close {right:7%;}
	/*sub공통*/
	.visual-tit h2 {font-size:3rem;}
	.visual-tit p {font-size:2.2rem;}

	/*table-style*/
	.tb-style01.w50 {width:100%; margin-bottom:2em;}

	/*sub 인사말*/
	.greeting .cont-txt p span {display:contents;}

	/*sub-비전핵심가치*/
	.company .cont-a .txt-box {
		padding: 0 0 3em 0;
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		text-align: center;
	}
	.company .cont-c .txt-box {
		padding: 0 0 3em 0;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		text-align: center;

	}
	.company .cont-b {height:330px; padding:0 9%;}
	.company .cont-d:before {height:50vh;}
	.core_value li {width: calc(50% - 0.16em);  padding: 2em 2%;}

	/*igm-partners*/
	.sub-partners .ptn-list {width:calc(33% - 1.2em);}

	/*강의리스트*/
	.schedule_pc {display:none;}
	.sched_mb {display:block;}
	.course-wr .cont-box h3 {font-size:2.5rem;}

	/*강의 뷰*/
	.item-info {display:block;}
	.item-info .img-section {text-align:center; margin-bottom:2em;}
	.course-label {left:0;}
	.item-info .item-cont {padding:0 5%;}


	/*버추얼서비스*/
	.vtrl-wr .cont-a .txt-box {width:100%; position:relative; transform:none; padding:2em 0; height:auto;}
	.vtrl-wr .cont-a .img-section {float:none;}
	.vtrl-wr .cont-b .img-section {float:none; display:block; margin:0 auto; width:80%;}
	.vtrl-wr .cont-b .ft-list {width:100%; padding-left:0;}
	.cmt-list li {width:100%; display:block; margin-bottom:1em;}
	.rental-list {width:calc(50% - 5em);}
	.rental-list.style01 {padding-top:18em;}
	.rental-list.style02 {padding-bottom:18em;}

	/*최고위임원과정*/
	.item-detail .item-tabmenu.fix {top:81px;}
	.v-cont .cont-l {display:block;}
	.v-cont .cont-l .img-section {margin-bottom:1em; margin-right:0;}

	/*솔루션*/
	.sol-tabmenu.fix {top:81px;}
	.solution-wr .cont-b .list-link li p {display:block;padding-left: 6.6em;margin-top:.5em;}
	.solution-wr .cont-b .list-link li p:before {display:none;}
	.solution-wr .cont-a .img-section {width:100%; float:none; padding-bottom:45%;}
	.solution-wr .cont-a .txt-box {width:100%; min-height:auto; margin-top:0;}
	.img-list li {width:calc(50% - 1.2em);}
	.img-list li:nth-child(2n) {margin-right:0;}
	.img-list li p {color:#3a3a3a; background:none; position:relative; margin-bottom:1em;}
	.partner-wr .partner-list li {width:calc(33% - 0.98em);}
	.img-list04 li {width:calc(50% - 0.8em); margin-bottom:2em;}
	.img-list04 li:nth-child(2) {margin-right:0;}
	.best-list li {width:100%;}
	.icon-list02 li {width:calc(50% - 1.2em); margin-bottom:2em; border:none;}

	/*igm flex*/
	.icon-link li {width:calc(33% - 1.95em);}
	.flex-cont-e .case-list {width:calc(33% - 2.2em);}
	.flex-cont-e .case-list .cont-txt {min-height:29em;}

	/*igm역사*/
	.history-cont {padding-left:8%;}
	.history-cont ul li span {width:100%; display:block;}

	/*igm고객*/
	.ptn-view-cont .txt-list li {display:block; margin-bottom:2em;}

	/*sub-교수진*/
	.f-members {padding:5em 4%;}
	.f-members .pc-b {display:none;}
	.members-list li {width: calc(33% - 0.5em);}

	/*공간임대*/
	.ft-icon-list li {width:100%;}
	.space-wr .service-list li {width:100%;}
	.space-wr .service-list li h3, .space-wr .service-list li p { padding:.2em 0 .2em 21%;}
	.new_sub_room .left-img {width:80%; margin:0 auto; display:block;}
	.roo_skill3 ul li {display:block;}
	.roo_skill3 ul li .skill-cont {max-width:500px;}
	.rst-info {padding-left:0;}

	/*ceo club*/
	.ceo-club .cont-a .txt-box {padding-top:0;}
	.ceo-club .cont-a .txt-box .pc-b {display:none;}

	/*mypage media-list*/
	.media-list .list {width:calc(50% - 0.2em);}
    .new_sub_room .cont-txt {width:100%; position:relative; top:0; left:0; transform:unset; box-shadow:none; text-align:center;}

    .edu_video .edu_video_info,.edu_cont-a{flex-direction:column;}

    .edu_list_item{width:90%; margin:0 auto;}

    .edu_video_ref .edu_cont-a > li{width:100%; margin-bottom:4rem;}
    .edu_video_ref .edu_cont-a li > ul{padding:3rem;}
    .edu_video_ref .edu_cont-a > li{margin:0 0 4rem;}

    .m_plus_btn{width:50px;}
    .list_white_bg{min-height:auto;}
	/*media-view*/
	.media-view .video-wr .media-thum {height:430px;}
	.recruite .rct_text .needs h6 {font-size: 2rem;}
	.recruite .rct_text > li:nth-child(2){padding-bottom:2rem;}
	.recruite .why_con{height: 36rem;}
	.recruite .con_box{padding: 4rem;}
	.recruite .why_cont > li span{font-size: 1.8rem;}
	.life .life_intro li:last-child p{ padding-top:0;}
	.people .pp_contents .major li:nth-child(2){height: 22rem;}

	.hrd_seminar .comingsoon_text{padding-top:0; width:70%; margin-left:5%;}

	/* IGM_partners */

	.partner h2{font-size: 2.8rem;}
	.partner p{font-size: 14px;}

}

@media screen and (max-width:768px) {
	.digital_text{font-size: 1.8rem;}
    .career .career > p{font-size: 3rem;}
    .career .main_banner{height:400px;}
    .career .main_banner > .main_text{max-width:620px;}
    .career .main_banner > .main_text p{font-size:1.6rem;}
    .career .contents{padding:100px 25px;}
    .career .cont_text h6{font-size:3rem;}
    .career .cont_text p{font-size: 14px; line-height: 22px; padding:1.5rem 0;}
    .career .img01{height: 380px;}
    .career .img02{height: 300px;}
    .career .img03{height:380px;}
    .career .IGM_life >.life_text{width:45%; -webkit-transform:translateX(0%);}
    .career .IGM_life >.life_text p br:nth-child(6){display:none;}

	.recruite .why_cont > li span{font-size: 1.6rem;}
	.recruite .pro_text li span{font-size: 1.8rem;}
	.recruite .rct_top{width:80%;}
	.recruite .arrow{width:20%;}
	.recruite .arrow img{width: 20%;}
 	.recruite .rct_text > li:nth-child(2), .recruite rct_text > li{font-size: 1.8rem;}
	.recruite .bulb img{width:4%; height: 3%;}
	.recruite .bulb{padding-left: 1rem;}


	.people .people_intro li:first-child{float:none; width:60%; margin:0 auto;}
	.people .people_intro li:last-child{float:none; width:100%;  margin:0 auto; text-align: center;}
	.people .people_intro li:first-child img{float:none;}
	.people_intro li:last-child {padding-left:0; padding:0 3.2rem;}
	.people .people_intro li:last-child p{padding-top:1rem;}

	.people .pp_contents .major{margin-bottom: 0;}
	.people .pp_contents .major li:nth-child(2){width:100%; float:none; background-position:10%;}
	.people .pp_contents .major li:nth-child(3){width:100%; margin-left:0; float:none; text-align: justify; padding-bottom: 0; padding-top:2rem;}
	.people .pp_contents .major li:nth-child(2){height: 45rem;}

	.life .life_intro li:last-child p .br{display:none;}
	.reference_contents{line-height:1.75; font-size: 14px;}
	.reference_contents .content_intro .done_768{display: none;}

}

/*  폴드사이즈 */
@media screen and (max-width:690px) {
	.del690{display: none;}
	.career img{max-width: none;}
	.career .img01{height: 330px;}
    .career .img02{height: 28rem;}
    .career .img03{height:320px;}

	.recruite .rct_top div {width:18%; padding:5px 0;}

	.people .people_intro li:last-child p .br{display: none;}
	.people .pp_contents .major li:nth-child(2){height: 42rem;}




	.contents_pre .main_banner{max-width: 480px;}
	.contents_pre .youtube_video iframe{ width:480px; height:270px;}
	.contents_pre .content_intro{width:100%; max-width: 480px; margin:0 auto; text-align: center; padding-bottom: 90px;}
	.contents_pre{font-family:'Roboto, Arial, sans-serif';margin-top:30px; letter-spacing:none;line-height:1.6;text-align:left;color:#535353; font-size: 14px; width:100%; height:100%;}
	.contents_pre .preview_footer {max-width:520px; padding:30px 20px 90px 20px;}

/* 강의사례이미지 */
.ex-img li{float:none; width:100%; margin-left:0; margin:10px auto;}
.ex-img li:first-child{margin-left:none;}
.ex-img01 li{float:none; width:100%; margin-left:0; margin:10px auto;}
.ex-img01 li:first-child{margin-left:none;}

}

@media screen and (max-width:630px) {
	.li-cont-wr .video_preview{max-width:300px;padding-bottom: 171.5px;}
	.li-cont-wr .video_preview iframe{width:300px; height:171.5px;}
	.reference_contents .main_contents{padding-bottom:60px;}
	.reference_contents .reference_img{float:none; width:100%;}
	.reference_contents .content_intro{width:100%; float:none;margin-left:0; text-align: center; padding-top:30px; margin:0 auto;}
	.reference_contents .sub_contents{padding-bottom:0;}
	.reference_contents .sub_contents .img_box{float:none; width:100%; margin-left:0; padding-bottom:40px;}
	.reference_contents .sub_contents .img_box:first-child{ margin-left:0;}

	.tb-style04 img{max-width: 150px;}
	.div-style01 img{max-width:150px;}
	.div-style01 div:first-child{width:30%;}
	.div-style01 div:last-child{width:66%;}
}

@media (max-width:600px) {
	.ptn-view-tit{width:100%;}
	.ptn-view-cont{width:100%;}
	
	.ptn-view-cont .txt-list li p{width:100%;}
	.visual-slide .visual-txt p {line-height: 20px;}
	

	/*main-about*/
	.icon-list li {width:calc(50% - 0.18em);}
	.icon-list li #counter .value {font-size:4rem;}
	.icon-list li #counter span {font-size:4rem;}
	.main-tit h3 {font-size:2.8rem; word-break:keep-all;}
	.icon-list li .li-tit:after {margin:.8em auto;}

	/**/
	.company .cont-a, .company .cont-c, .company .cont-d {padding:4em 4%;}
	.company .cont-a .pc-b, .company .cont-c .pc-b {display:none;}
	.core_value li {width:100%; display:block; padding:2em 0;}

	/*sub공통*/
	.sub-visual {padding-bottom: 100%;  background-size: cover;}

	/*전체검색*/
	.sr-bbs-list ul li {display:block;}
	.sr-bbs-list ul li .sr-bbs-img {width:100%; margin-bottom:2em;}
	.sr-bbs-list .bbs-cont-wr {width:100%;}
	.sr-bbs-list .sr-bbs-cont dl dt {width:26%;}
	.sr-bbs-list .sr-bbs-cont dl dd {word-break:keep-all; width:70%;}

	/*버추얼서비스*/
	.vtrl-wr .cont-c .img-section {float:none; width:100%; height:14em;}
	.rental-list {width:100%; margin:0 0 3em 0;}
	.rental-list.style01, .rental-list.style02 {padding:0;}
	.rental-list.style01 img, .rental-list.style02 img {position:relative; margin-bottom:2em;}

	/*최고위임원과정*/
	.item-detail .item-tabmenu.fix li {padding:.8em;}
	.class-list {display:block;}
	.class-list dl {margin-bottom:2em;}
	.item-info .item-cont .cont-list dl dt {width:19%;}
	.item-info .item-cont .cont-list dl dd {width:calc(80% - 1.2em); position:relative; padding-left:.8em;}
	.item-info .item-cont .cont-list dl dd:before {position:absolute; left:0;}
	.course-wr .cont-box a.more-w {width:100%; max-width:100%; position:relative; bottom:0; left:0; margin-top:2em;}
	.course-slide .crtl-wr {bottom:2em; left:2em;}
	.img-list02 li {width:100%;}
	.course-wr .cont-box .pc-b {display:none;}

	/**/
	.members-list li a {min-height:250px; padding:1em;}

	/*솔루션*/
	.sol-tabmenu.fix li {padding:1em;}
	.solution-wr .cont-a .pc-b {display:none;}
	.solution-wr .cont-b .list-link li .s-icon {display:block;margin:0 auto;margin-bottom:.8em;text-align:center;position: relative;transform: none;top: 0;left: 0;}
	.solution-wr .cont-b .list-link li h3 {display:block;text-align:center;padding-left: 0;}
	.solution-wr .cont-b .list-link li p {padding-left:0; text-align:center;}
	.solution-wr .cont-b .list-link li .more-arr {position:relative; top:0; right:0; display:block; transform:none; margin:0 auto; margin-top:1em;}
	.solution-wr .cont-a .img-section {padding-bottom:70%;}
	.solution-wr .cont-a .txt-box {padding:2em;}
	.solution-wr .cont-a .txt-box:before {font-size:8rem; bottom:-20px;}
	.solution-wr .cont-a .p-block {display:none;}
	.accodian .acd-li .li-tit {padding-right:17%; font-size:1.6rem;}
	.accodian .acd-li-cont {padding:2em 1em;}
	.acd-li-cont .li-cont-wr .chart-list li {display:block; width:100%; margin-bottom:3em;}
	.acd-li-cont .li-cont-wr .chart-list li:last-child {margin-bottom:0;}
	.acd-li-cont .li-cont-wr .cont-l img, .acd-li-cont .li-cont-wr .cont-r img {width:100%;}
	.acd-li-cont .li-cont-wr .cont-l .cont-txt, .acd-li-cont .li-cont-wr .cont-r .cont-txt {width:100%;}
	.acd-li-cont .li-cont-wr .cont-l, .acd-li-cont .li-cont-wr .cont-r {margin-bottom:2em; padding-left:0;}
	.acd-li-cont .li-cont-wr .chart-list li {padding:0 1em;}
	.partner-wr .partner-list li {width:calc(50% - 0.78em);}
	.img-list04 li {display:block; width:100%; margin-right:0;}
	.best-list li {min-height:7em; margin-bottom:2em;}
	.best-list li p {min-height: 7em;}
	.acd-li-cont .li-cont-wr .bs-txt {padding-left:0;}
	.img-list03 li {width:100%; margin-bottom:1em;}
	.partner-wr .partner-list {text-align:center;}
	.sub-tabmenu li {margin-bottom:.8em;}
	.ex-list {display:block;}
	.subject-list li {width:100%;}
	.subject-list-cont dt {display:block; width:100%;}
	.ctxtWrap {padding:1em;}
	.icon-list02 li {width:100%;}
	.li-cont-wr .video-wr {width:100%; padding-bottom:53%;}

	/*igm flex*/
	.flex-cont-d .slogan .pc-b {display:none;}
	.flex-cont-e .case-list {width:100%; margin:0 0 2em 0;}
	.flex-cont-e .case-list .cont-txt { min-height:auto; }
	.icon-link li {width:100%;  margin:0 0 1em 0;}
	.icon-link a > .more-arr {width:3em; height:3em; background:url('/img/next_arr_w.png')no-repeat center #45a2e6; box-shadow:none;}
	.flex-cont-c .img-list04 li .img-section {width:62%; padding-bottom:62%;}

	/*인사말*/
	.sub-top-img {height:14em;}
	.sub-top-img .top-img {height:14em; border-radius:3em 0;}
	.top-img-logo {max-width:50%; left:50%; top:50%; transform:translate(-50%, -50%);}
	.greeting .cont-slogan:before {display:none;}
	.greeting .cont-slogan p {font-size:2.3rem;}

	/*igm역사*/
	.history-cont {padding:0; width:100%; }
	.history-cont ul li span {width:100%; display:block;}
	.history-list .tit-year {width:100%; margin-bottom:3em;}
	.history-cont h4 {max-width:100%;}


	/*igm교수진*/
	.members-list li {width:calc(50% - 0.18em); min-height:auto; border:none;}
	.members-list li .img-section {width:95%; padding-bottom:95%;}
	.members-view {display:block;}
	.career-wr {padding:0; width:100%;}
	.member-profile {width:100%; display:block;}

	/*igm-books*/
	.books-list li {width:calc(50% - 0.18em);}
	.books-wr .slogan .pc-b {display:none;}

	/*igm-partners*/
	.sub-partners .ptn-list {width:90%; display:block; margin:2em auto;}
	.ptn-view-tit {text-align:center;}
	.ptn-view-tit dt {display:block; width:100%; margin:0 auto 1em;}
	.ptn-view-tit dd {display:none; width:100%;}
	.ptn-view-cont .txt-list li {display:block;}
	.sub-ptn .partner-slide {width:75%;}
	.sub-ptn .swiper-container.partner-slide .swiper-button-next, .sub-ptn .swiper-container.partner-slide .swiper-button-prev {display:block;}

	/*강의 뷰*/
	.class-list dl  {width:100%;}

	/*공간임대*/
	.ft-icon-list li {width:100%; display:block;}
	.space-wr .sub-tabmenu li {min-width:33%;}
	.space-wr .cont-a {display:block;}
	.space-wr .cont-a .img-section, .space-wr .cont-a .info-cont {float:none; width:100%;}
	.space-wr .cont-a .img-section {margin-bottom:2em;}
	.space-slide {width:100%; display:block; margin-right:0; margin-bottom:2em;}
	.space-info {width:100%; display:block;  margin-bottom:3em;}
	.space-wr .service-list li {width:calc(50% - 1.4em); text-align:center;}
	.space-wr .service-list li img {position:relative;}
	.space-wr .service-list li h3 {padding-left:0;}
	.space-wr .service-list li p {padding-left:0;}
	.roo_skill2 ul li {width:98%; margin-bottom:2em;}
	.roo_skill3 ul li .skill-cont {width:100%; max-width:100%;}

	/*ceo club*/
	.ceo-review .title {width:100%;}
	.ceo-club .cont-b .img-section {width:90%; position:relative; margin:2em auto;}
	.officer {width:100%;}
	.ceo-club .cont-a .img-section {width:100%;}
	.ceo-club .cont-a .txt-box {width:100%; margin-top:3em;}

	/*오시는 길*/
	.contact-map {min-height:250px;}
	.contact-info li {width:100%!important; margin:0 0 1em 0;}

	/*멤버십*/
	.mbs-list li {display:block;}
	.mbs-list li .img-section {width:100%; display:block; margin-right:0; margin-bottom:2em;}
	.mbs-list li .mbs_cmt {width:100%; padding:2em; text-align:center;}
    .membership .icon-list02 li {width:100%;}


	/*mypage*/
	.sub-nav ul {display:block;}
	.sub-nav ul li {width:calc(50% - 1.2em); margin-bottom:.8em;}

	/*mypage order-list*/
	.order-list .od-list .img-section {display:block; width:100%;padding-bottom:65%;margin-bottom:2em;}
	.order-list .od-list .od-list-cont {display:block; width:100%; padding-left:0;}

	/*mypage media-list*/
	.media-list .list {width:100%; margin-bottom:4em;}
	/*mypage media-view*/
	.media-view .video-wr {display:block; overflow:hidden;}
	.media-view .video-wr .media-main  {display:block; width:100%;  padding-bottom:75%; margin-bottom:2em;}
	.media-view .video-wr .media-thum {display:block; width:100%; max-width:100%; height:auto; margin:0; margin-bottom:2em;}
	.media-view .video-wr .media-thum ul { display:flex; text-align:center;}
	.media-view .video-wr .media-thum ul li {
        flex-shrink: 0;
		width: calc(33% - 1em);
		margin: 0 1.5% .6em 0;
		display: inline-block;
	}
	.media-view .video-wr .media-thum ul li:nth-child(3n) {margin-right:0;}
	.media-view .video-wr .media-thum iframe {height:4.7em;}
	.media-view-cont {padding:2em;}

	/*FAQ*/
	.faq-accodian .faq-acd-li .faq-li-tit {padding:1em 4em 1em 1em; font-size:1.7rem;}
	.faq-accodian .faq-acd-li .faq-li-tit:before {position:relative; margin-bottom:.8em; top:0; left:0;}

	/*place*/
	.place .cont-a .txt-box {
		position: relative;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		padding: 3em 0 0 0;
		transform: none;
	}
	.place .cont-a .img-section {float:none;}
	.place .cont-e img, .place .cont-e .ft-list, .place .cont-f img, .place .cont-g img, .place .cont-g .ft-list {width:100%; float:none; }
	.place .cont-f .ft-list {position:relative; top:0; left:0; width:100%; margin-top:2em;}
	.place .cont-h .cont-list {display:block;}
	.place .cont-h .cont-list li {margin-bottom:1em;}
	.place .cont-i .icon-list02 li {width:100%; margin-bottom:1em;}


.career > p{font-size: 2.6rem;}
.career .main_banner{height:400px;}
.career .main_banner > .main_text{max-width:none; width: 70%; text-align: justify;}
.career .main_banner > .main_text p{font-size:1.6rem;}
.career .contents{padding:100px 25px; margin-bottom: 30px;}
.career .cont_btn{margin:0 auto; text-align: center; display: block; width:50%;}
.career .cont_text{position:absolute;z-index: 1;}
.career  .cont_text h6{font-size:3rem;}
.career .cont_text p{font-size: 14px; color:#222; line-height: 22px; padding:1.5rem 0 4rem 0;  font-weight: 400;}
.career .IGM_people, .career .IGM_life, .career .IGM_recruiting{position: relative;}
.career .IGM_people{height: 400px;}
.career .IGM_people > .people_text{width:100%;padding-left:0%; float: none;}
.career .IGM_life{padding-top:160px;}
.career .IGM_life >.life_text{width:100%; -webkit-transform:translateX(0%); }
.career .IGM_life >.life_text p br:nth-child(6){display:none;}
.career .IGM_recruiting{padding-top:160px; height: 460px;}
.career .recruiting_text{width:100%; padding-left: 0;}
.career .img01{height: 350px; position:absolute; width:80%; transform: translateX(26%)translateY(40%); opacity: 0.3;}
.career .img02{height: 200px; width:80%; transform: translateX(0%) translateY(60%); opacity: 0.2;}
.career .img03{height:300px; width:80%; position:absolute; opacity: 0.3; transform: translateX(25%) translateY(40%);}

.recruite .rct_top div{width:20%;}
.recruite .process{padding:2rem;}
          .recruite .why, .recruiting{padding:0 2rem;}
          .recruite .con_box{padding:3rem 4rem 4rem 4rem;}
          .recruite .why_con{width:100%; height: 30rem;}
          .recruite .why_cont > li:nth-child(2), .recruite .why_cont > li:nth-child(4), .recruite .why_cont > li:nth-child(6) {margin-left:0%;}
          .recruite .why_cont >  li {margin-top:2rem;}
		  .recruite .con_img{float: right; padding:2rem 0;}
		  .recruite .con_img img{width : 70%;}
          .recruite .why_cont >  li:first-child {margin-top:0;}
          .recruite .con_box > h5{padding:2rem 0; font-size: 3.5rem;}
          .recruite .why_con li span{font-size: 1.8rem;}
		  .recruite .pro_text h3{font-size: 2.2rem;}
          .recruite .pro_text li span{font-size: 1.8rem;}
		.recruite .pro_text li span br, .recruite .pro_text li span >span{display:inline-block;}

	.people .people_intro li:first-child{width:100%;}
	.people .people_intro li:last-child p{ padding-top:0;}
	.people .pp_contents .major{padding:0 3.2rem 3.2rem 3.2rem;}
	.people .pp_contents .major li:nth-child(2){height: 36rem;}

	.life .life_intro{padding:0 4%;}
	.life .life_intro li:first-child{float:none; width:100%;}
	.life .life_intro li:last-child{float:none; width:100%; margin:0 auto; text-align: center;}
	.life .life_intro li:first-child img{float:none;}
	.life .life_intro li:last-child p{padding-top:2rem;padding-bottom:10rem;}

	.life .life_container{padding:0 4%;}
	.life .life_contents{float:none; width:100%; margin-bottom:8rem;}
}




/* 기본 상태 */

#landscape {display:none}

/* 가로 모드일때 경고창 */

@media only screen and (max-width:1200px) and (orientation:landscape){

    #landscape{display:block;position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:rgba(0,0,0,0.8);color:#fff}
    #landscape div {display:flex; flex-direction:column; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
	#landscape i {font-size:4rem; margin-bottom:.5em;}
	#landscape span {font-size:2.4rem;}
}

@media screen and (max-width:480px) {
	.Praha{height:20rem;}
	.trend_date{float:none; width:100%; text-align: left; padding-bottom:10px;}
	.trend_title{float:none; width:108%; margin-left:0;  padding:0; border-left:0;}
	.trend_insight h3{font-size: 1.8rem; padding-bottom:0;}
	.common_curriculum h3{font-size: 1.8rem; padding-bottom:0;}
	.keyword_img{float:none; width:30%; margin-left:0;}

	.main-sec01 .bg-line span.fir, .main-sec01 .bg-line span.fir01{
		border-right: 0;
	}
	.course-label {width:96%;}
	.course-label-i{padding:3px 10px;}
    .career > p{font-size: 2.4rem;}
    .career .main_banner{height:400px;}
    .career .main_banner > .main_text{ max-width:425px;}
    .career .main_banner > .main_text p{font-size:14px;}
    .career .contents{padding:100px 25px 160px 25px;}
    .career .cont_btn{margin:0 auto; text-align: center; display: block;}
    .career .cont_text{position:absolute;z-index: 1;}
    .career  .cont_text h6{font-size:3rem;}
    .career .cont_text p{font-size: 14px; line-height: 22px; padding:1.5rem 0 4rem 0;  font-weight: 400;}
    .career .IGM_people, .career .IGM_life, .career .IGM_recruiting{position: relative;}
    .career .IGM_people{height: 260px;}
    .career .IGM_people > .people_text{width:100%;padding-left:0%; float: none;}
    .career .IGM_life{padding-top:160px;}
    .career .IGM_life >.life_text{width:100%; -webkit-transform:translateX(0%); }
    .career .IGM_life >.life_text p br:nth-child(6){display:none;}
    .career .IGM_recruiting{padding-top:160px;}
    .career .recruiting_text{width:100%; padding-left: 0;}
    .career .img01{height: 280px; position:absolute; width:80%; transform: translateX(26%)translateY(36%); opacity: 0.3;}
    .career .img02{height: 160px; width:80%; transform: translateX(0%) translateY(120%); opacity: 0.2;}
    .career .img03{height:300px; width:80%; position:absolute; opacity: 0.3; transform: translateX(25%) translateY(60%);}

	.recruite .why_con{height:24rem;}
	.recruite .why_con li{line-height: 24px;}
	.recruite .con_box > h5{padding:1rem 0 2rem 0; font-size: 3rem;}
	.recruite .con_img{padding:1rem 0 0 0;}
	.recruite h2{text-align: center;}
	.recruite .con_box{padding:2rem 3rem 2rem 5rem;}
	.recruite .why_con li::marker{unicode-bidi: normal; text-align: right !important;}
	.recruite .rct_text{width:100%; margin:0 auto;}
	.recruite .rct_top h4{padding-right: 0;}
	.recruite .arrow{width:20%;}
	.recruite .arrow img{width:30%;}
	.recruite .rct_top div{width:40%;}
	.recruite .rct_text li:first-child h4{font-size: 2rem;}
	.recruite .rct_text li .needs h6{font-size: 2.2rem;}
	.recruite .rct_text > li{font-size: 14px;}

	.people .pp_contents .major li:nth-child(2){height: 28rem;}
	.people .pp_contents .major li:nth-child(3){text-align: left;}

	.life{padding-bottom: 0;}
	.people .people_major_list span{display: none;}
	.people .pp_contents .major li:nth-child(3) p{font-size: 1.6rem;}

	.hrd_seminar .comingsoon_text{font-size: 14px;}
	.hrd_seminar .comingsoon_img{ min-width:40px;}
}
@media screen and (max-width:480px){

	.company .cont-a .download{ position: relative; font-size: 14px; padding:12px 20px; }
.download i{display: inline-block; width:12px; height:12px;}
	.contents_preview .main_tit{padding:60px 20px; }
	.contents_preview h2{font-size: 22px; }
	.contents_preview .main_tit p{font-size: 16px; }
	.contents_preview .preview_box{width:100%; max-width: 600px; padding:0 20px; }
	.contents_preview .preview{width:100%; float:none; margin-left:0; padding-bottom:60px;}
	.contents_preview .preview_text{margin: 0 auto; max-width:340px;}
	.contents_preview .preview .preview_img{margin:0 auto;}
	.contents_preview .preview:first-child, .contents_preview .preview:nth-child(3), .contents_preview .preview:nth-child(5),
	.contents_preview .preview:nth-child(7), .contents_preview .preview:nth-child(9){ margin-left:0;}
	.contents_preview .preview:nth-child(4){ margin-left:0;}


	.contents_pre .main_banner{max-width: 360px;}
	.contents_pre .youtube_video iframe{ width:360px; height:203px;}
	.contents_pre .content_intro{width:100%; max-width: 360px; margin:0 auto; text-align: center; padding:0 20px; padding-bottom: 90px;}
	.contents_pre{font-family:'Roboto, Arial, sans-serif';margin-top:30px; letter-spacing:none;line-height:1.6;text-align:left;color:#535353; font-size: 12px; width:100%; height:100%;}
	.contents_pre .preview_footer {max-width:360px; padding:30px 20px 90px 20px;}


	.studio_ref .main_tit{padding:60px 20px 70px; }
	.studio_ref h2{font-size: 22px; }
	.studio_ref .main_tit p{font-size: 16px; }
	.studio_ref .studio_box{width:100%; max-width: 600px; padding:0 20px; }
	.studio_ref .std_reference{width:100%; float:none; margin-left:0; padding-bottom:60px;}
	.studio_ref .std_reference .studio_img{margin:0 auto;}
	.studio_ref .std_reference:first-child, .studio_ref .std_reference:nth-child(3), .std_reference:nth-child(5),
	.studio_ref .std_reference:nth-child(7), .std_reference:nth-child(9){ margin-left:0;}
	.studio_ref .std_reference:nth-child(4){ margin-left:0;}


	.hrd_seminar{font-size: 14px;}
	.hrd_seminar .main_banner{margin-bottom: 0;}
	.hrd_seminar .main_tit{padding:80px 20px;}
	.hrd_seminar .main_tit h2{font-size: 32px;}
	.hrd_seminar .hrd_tit{padding:20px 0;}
	.hrd_seminar > .hrd_tit{padding:20px;}
	.hrd_seminar .hrd_tit h3{font-size: 28px;}
	.hrd_seminar .hrd_info .hrd_boxs{padding-top:0;}
	.hrd_seminar .hrd_info .hrd_box h5{font-size: 20px;}
	.hrd_seminar .past_seminar h5{font-size: 18px;}


	.people .people_major_list {padding:1rem 0;}
    .career .img03{height:250px;}
	.recruite .bulb{padding-left:0;}
	.recruite .bulb img{width:6%; height:6%;}
	.people .pp_contents .major li:nth-child(2){height: 23rem;}


	.tb-style04 img{max-width:80px;}
	.div-style01 h2{font-size: 2.8rem; margin-bottom: 0.2em;}
	.div-style01 h4{font-size: 2.4rem; margin-bottom: 0.2em;}
	.div-style01 img{float:none; max-width: 80px;}
	.div-style01 div{float:none; width:100%; text-align: center;}
	.div-style01 div:first-child{width:100%;}
	.div-style01 div:last-child{width:100%; margin-left: 0;}
	.div-style01 p{text-align: center;}
}

@media screen and (max-width:360px){
	.people .pp_contents .major li:nth-child(2){height: 20rem;}
	.life_contents iframe{height:180px;}
.life_contents video{ height:180px; }


}