@charset "utf-8";
/* CSS Document */


/* reset */
/* html,body {overflow:hidden; width:100%; height:100%;}*/
html,body {width:100%; height:100%; background-color:#f5f5f5;}

/* reset */
* {margin:0; padding:0; word-break:keep-all; box-sizing:border-box; font-family:'NanumSquareNeo-Variable';}
ol,ul {list-style:none;}
a {text-decoration:none; color:#222;}
img {border:0;}
body {font:14px/2.2 'NanumSquareNeo-Variable'; color:#222; font-weight:400;}
strong {font-family:'NanumSquareNeo-Variable'; font-weight:800;}

fieldset {border:0;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
/* //reset */


/* 폰트 */
/* by miyeon */

@font-face {
     font-family: 'NanumSquareNeo-Variable';
     font-weight: 300;
     font-style: normal;
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot');
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix') format('embedded-opentype'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff2') format('woff2'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff') format('woff'),
          url('/images/font/NanumSquareNeo/NanumSquareNeo-aLt.ttf') format("truetype");
     font-display: swap;
 } 
 @font-face {
     font-family: 'NanumSquareNeo-Variable';
     font-weight: 400;
     font-style: normal;
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot');
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix') format('embedded-opentype'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff2') format('woff2'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff') format('woff'),
          url('/images/font/NanumSquareNeo/NanumSquareNeo-bRg.ttf') format("truetype");
     font-display: swap;
 } 
 @font-face {
     font-family: 'NanumSquareNeo-Variable';
     font-weight: 700;
     font-style: normal;
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot');
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix') format('embedded-opentype'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff2') format('woff2'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff') format('woff'),
          url('/images/font/NanumSquareNeo/NanumSquareNeo-cBd.ttf') format("truetype");
     font-display: swap;
 } 
 @font-face {
     font-family: 'NanumSquareNeo-Variable';
     font-weight: 800;
     font-style: normal;
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot');
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix') format('embedded-opentype'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff2') format('woff2'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff') format('woff'),
          url('/images/font/NanumSquareNeo/NanumSquareNeo-dEb.ttf') format("truetype");
     font-display: swap;
 } 
 @font-face {
     font-family: 'NanumSquareNeo-Variable';
     font-weight: 900;
     font-style: normal;
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot');
     src: url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix') format('embedded-opentype'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff2') format('woff2'),
          url('/images/font/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff') format('woff'),
          url('/images/font/NanumSquareNeo/NanumSquareNeo-eHv.ttf') format("truetype");
     font-display: swap;
 }  
 
 /* //폰트 */









/*********************  header by miyeon *********************/
/*202406 메뉴*/
.gnb_list {position:relative; display:inline-flex; align-items:center; border-radius:32px; background:rgba(244, 244, 245, 0.40); box-shadow:0 4px 4px 3px rgba(0, 0, 0, 0.05); backdrop-filter:blur(5px); padding: 0 16px;}
.gnb_list .gnb-list-cell {position:relative; height:100%;}
.gnb_list .gnb-list-cell > a {display:block; padding:18px; font-size:14px; font-weight:800; line-height:1.4;}
.gnb_list .gnb-list-cell > a:hover {color:#00837a;}
.gnb_list .gnb-list-cell > a:active {color:#00837a;}
.hb_info_logo {position:relative; display:flex; justify-content: space-between; align-items: flex-end; width:230px; height:34px;}
.header_gnb_wrap .header_list_bg {position:relative; display:flex; justify-content:space-between; align-items:center; max-width: 1260px; padding: 0 22px; margin: 20px auto 20px;}
h1.hb_info_logo > a.hb_logo_img {width:200px; height:34px; background: url(/images/common/logo_hanbit.png) no-repeat 0 0; background-size:200px 34px;}
.header_gnb_wrap .header_list_bg .lang_menu_btn {display:flex; position:relative; align-items:center;}
.header_gnb_wrap .header_list_bg .lang_menu_btn ul {display:flex}
.header_gnb_wrap .header_list_bg .lang_menu_btn_m {display:none;}
.lang_menu_btn ul li.lang-menu-data {height: 17px; display: flex; align-items: center;}
.lang_menu_btn ul li.lang-menu-data a {display: inline-block; width: 42px; text-align: right; color: #71717A; font-size: 14px; font-weight: 700; line-height: 24px; box-sizing: border-box;}
.lang_menu_btn ul li.lang-menu-data a.active {font-weight: 900; color: #18aa9b;}

/*202406 모바일 메뉴*/
.m-menu-bg {z-index: 999; display: none;}
.m-menu-button{display: block; position: relative; transition: 0.2s; cursor: pointer; opacity: 0.8; z-index: 10;}			
.m-menu-nav{position:relative; display: block; width:23px; height:3px; background: #000; transition: 0.2s; border-radius: 2.5rem;}
.m-menu-bg .m-menu-detail {align-items: center;}
h1.hb_info_logo > a.hb_logo_img_m {display: none; background: url(/images/common/m_logo_hanbit.png) no-repeat 0 0;
     background-size: 28px 28px;}
/*.nav의 가상요소-삼선*/
.m-menu-nav:before,.m-menu-nav:after{transition: 0.2s; display: block; content: ""; height: 3px; width: 23px; background: #000; position: absolute; border-radius: 2.5rem;}
/*삼선으로쓰일 before와 after 위치*/
.m-menu-nav:before{top:0.6em;}
.m-menu-nav:after{top:-0.6em;}
/*x로 토글했을 때 : 애니메이션 작동 후 보이는 모양*/	
.x .m-menu-nav{background: transparent; position: fixed; top: 27px; right: 21px; /*투명화*/}
.x .m-menu-nav:before,.x .m-menu-nav:after{top:0; background: #fff;}
.x .m-menu-nav:before{transform: rotate(-45deg); }
.x .m-menu-nav:after{transform: rotate(45deg);}
	
.m-menu-back{width:100%; height:100%; background: #037366; position: fixed; top:0; left:0; display: none;/*숨김처리*/ }
.m-menu-back > ul {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; position: relative; top: 33%; transform: translate(0, -50%);}
.m-menu-back > ul > li {font-size: 1.2em;}
.m-menu-back > ul > li > a {color: #fff;}
.m-menu-back > ul > li > a:active {color: #00afa0;}
.m-menu-back > ul > li > a > span {width: 100%; display: block; padding: 15px;}
.m-menu-back > ul > li > a > span::after {content: ' \003E'; float: right; right: 26px; position: absolute;}
.m-menu-back > .m-menu-back-logo> a > img {width: 173px; margin: 15px 14px;}
.m-menu-back > ul > li.m-menu-line {width: 100%; border-bottom: 0.5px solid #eeeeee; }


@media all and (max-width: 1023px){
     .gnb_list {display: none;}
	 .header_gnb_wrap .header_list_bg .lang_menu_btn {display: none;}
     .header_gnb_wrap {width: 100%; display: block; background-color: #fff; z-index: 99; transition: all 0.2s;}
     .header_gnb_wrap .header_list_bg {margin: 0 auto;  width: 100%; max-width: none; padding: 0 22px;}
     h1.hb_info_logo {width:200px; height:34px; display: inline-flex;}
     /*.header_gnb_wrap .header_list_bg .lang_menu_btn {background: url(/images/common/m_language_logo.png) no-repeat 0 0; width: 34px; height: 34px; position: absolute; float: right; right:69px;}*/
     .header_list_bg .lang_menu_btn ul li.lang-menu-data > a {display: none;}
     .menu_bg_wrap {display: block; z-index: 999999999999;}
     .hamburger-button {position: absolute; transition: .3s ease-in-out; width: 45px; height: 34px; display: block; top: 2rem; right: 2rem; z-index: 100;}
     .hamburger-button span {position: absolute; height: 8px; border-radius: 4px; width: 100%; background-color: #3D4146; top: 0; transition: transform .2s ease-in-out, opacity .2s ease-in-out;}
     .hamburger-button span:nth-child(1) {top: 0px;} 
     .hamburger-button span:nth-child(2), .hamburger-button span:nth-child(3) {top: 13px;}
     .hamburger-button span:nth-child(4) {top: 26px;}
     .hamburger-button.active span {background-color: #FFF;}
     .hamburger-button.active span:nth-child(1), .hamburger-button.active span:nth-child(4) {opacity: 0;}
     .hamburger-button.active span:nth-child(2) {transform: rotate(45deg);}
     .hamburger-button.active span:nth-child(3) {transform: rotate(-45deg);}
     .overlay {position:fixed; background:#7ba9c3; top:0; left: 0; width:100%; height:0; opacity: 0; visibility: hidden; display:flex; justify-content:center; align-items:center; transition:0.3s;}
     .overlay nav ul li {opacity:0;}
     .overlay nav ul li a {opacity: 0.75; transition: opacity 0.2s ease;}
     .overlay nav ul li a:hover {opacity: 1;}
     @keyframes fadeInLeft {
          0% {opacity:0; transform: translateX(-25%);}
          100% {opacity:1; transform: translateX(0);}
     }
     .overlay .visible {height:100%; opacity: .85; visibility: visible;}
     .overlay .visible nav ul li {animation: fadeInLeft 0.3s ease forwards;}
     .overlay .visible nav ul li:nth-child(1) {animation-delay: 0.23s;}
     .overlay .visible nav ul li:nth-child(2) {animation-delay: 0.26s;}
     .overlay .visible nav ul li:nth-child(3) {animation-delay: 0.29s;}
     .overlay .visible nav ul li:nth-child(4) {animation-delay: 0.32s;}
     .overlay .visible nav ul li:nth-child(5) {animation-delay: 0.35s;}
     }

     @media all and (max-width: 1020px){
          .m-menu-bg {display:inline-flex; width: 48px; height: 48px; justify-content: space-around; z-index: 999999999;}
		  .header_gnb_wrap .header_list_bg .lang_menu_btn {display: none;}
     }

     @media all and (max-width: 560px){
          h1.hb_info_logo > a.hb_logo_img {height: 32px; background-size: 170px 29px;}
		  .header_gnb_wrap .header_list_bg .lang_menu_btn {display: none;}
     }

/***************************main banner by miyeon*****************************/
.HB-main-p {padding: 0 0 80px; overflow: hidden;}
.main-headline-wrap {width:100%; height:620px; overflow:hidden;}
.main-headline-bg {position:relative; margin:0 auto; height: 100%; background: linear-gradient(90deg, rgba(28,189,171,1) 38%, rgba(31,212,191,1) 73%);}
.hb_info_wrap {z-index: 999; position: relative;}
.hb_intro {max-width: 1260px; margin: 0 auto; font-size: 3em; font-weight: 900; line-height: 59px; padding-top: 92px;}
.hb_intro > p {padding-left: 34px; color: #fff; letter-spacing: 1px;}
.hb_info_detail {max-width: 1260px; line-height: 22px; margin: 12px auto 55px;}
.hb_info_detail > p {font-size: 15px; line-height: 26px; width: 50.5%; padding-left: 34px; color: #fff;}
.font-yellow {color:#ffb717;}
.hb_info_button {max-width: 1260px; margin: 0 auto; padding-left: 20px;}
.hb_info_button > button {margin-left: 14px; border-radius: 35px; width: 176px; height: 54px;}
.hb_info_button > button.info_button01 {background-color: #ffb717; border: none; font-weight: 700;}
.hb_info_button > button.info_button02 {background-color: #01afa0; border: 1px solid #fff;}
.hb_info_button > button.info_button02 > a {color: #fff; font-weight: 700;} 
.hb_info_button > button > a {font-size: 1.5em;}
.hb_keywords {position:relative; display:flex; margin:0 auto; width:764px; z-index: 99; text-align: center;}
.keywords01 {width:100%;}
.keywords02 {width:100%; position:relative; top:41px;}
.keywords03 {width:100%; position:relative; top:-47px;}
.keywords-title-bg {width: 100%; height: 100%; margin: 0 auto; background-image: url("/publisher/images/HB_title_bg.png"); background-repeat: no-repeat; background-position: right 30% center; background-size: contain; position: absolute; top: 0;}

.main-vision-wrap {width:100%;}
.main-vision-bg {position:relative; max-width:1260px; margin:0 auto; height:100%;}
.main-vision-wrap .main-vision-bg .main-vision-list h2 {font-weight: 800;}
.main-vision-bg .main-vision-title {margin: 95px 0 30px;}
.main-vision-bg .main-vision-title .vision-title-01 {width:71%; display: block; margin: 0 auto;}
.main-vision-bg .main-vision-title .vision-title-02 {width:51%; display: block; margin: 0 auto 24px;}
.main-vision-bg .main-vision-detail {margin-top: 200px;}
.main-vision-bg .main-vision-detail ul {display: flex; justify-content: center; align-items: center;}
.main-vision-bg .main-vision-detail ul li {height: 240px; padding: 2% 4%; margin: 2%; border: 1px solid #000; border-radius: 17px; box-shadow: 3px 3px 10px 10px #ececec;}
.main-vision-bg .main-vision-detail ul li p {font-size: 1.2em; font-weight: 800;}
.main-vision-bg .main-vision-detail ul li span {font-size: 1.1em; font-weight: 500; line-height:150%;}

.main-value-wrap {width:100%;}
.main-value-wrap .main-value-bg {position:relative; max-width:1260px; margin:0 auto; height:100%;}
.main-value-wrap .main-value-bg .main-value-list h2 {font-weight: 800;}
.main-value-bg .main-value-detail ul {width:863px; margin: 95px auto 0;}
.main-value-bg .main-value-detail ul li {display: inline-flex; margin: 0 0 80px;}
.main-value-bg .main-value-detail ul li p {font-size: 1.5em; width: 200px; color: #18aa9b; font-weight: 700;}
.main-value-bg .main-value-detail ul li dl dt {font-size: 1.2em; font-weight: 700;}
.main-value-bg .main-value-detail ul li dl dd {font-size: 1.2em;}

.rigth-boder {border-right: 1px solid #71717A; padding: 0 9px 0 0;}

.main-brand-wrap {width: 100%; background-color: #dedede; padding: 81px 0 70px;}
.main-brand-wrap .main-brand-bg {position:relative; margin:0 auto; height:100%;}
.main-brand-wrap .main-brand-bg .main-brand-list {max-width:1260px; margin:0 auto;}
.main-brand-wrap .main-brand-bg .main-brand-list h2 {font-weight: 800;}
.swiper {margin:95px 0 0 0;}

.main-history-wrap {width:100%;}
.main-history-bg {position:relative; max-width:1260px; margin:0 auto; height:100%;}
.main-history-wrap .main-history-bg .main-history-list h2 {font-weight: 800;}
.main-history-bg .main-history-title {margin: 95px 0 30px;}
.main-history-bg .main-history-detail {margin-top: 27px;}
.main-history-bg .main-history-detail ul.history-ul {grid-template-columns: 1fr var(--line-w) 1fr; padding: 68px 0 68px 2%;} 
.main-history-bg .main-history-detail ul.history-ul > li {position: relative; display: flex; flex-direction: row;}
.main-history-bg .main-history-detail ul.history-ul > li > h2 {position: relative; top: 8px; left: 47px;}
.main-history-bg .main-history-detail ul.history-ul > li::before {position: absolute;  top: 21px; left: 0; width: 0.52083vw; height: 0.52083vw; background: #000; border-radius: 50%; content: '';}
.main-history-bg .main-history-detail ul.history-ul > li::after {position: absolute;  top: 1.3vw; left: 0.25vw; width: 1px; height: 100%; background: #000; content: '';}
.main-history-bg .main-history-detail ul.history-ul > li:nth-last-child(1):after {height: calc(100% + -15.1875vw);}
.main-history-bg .main-history-detail ul.history-ul > li.history-li > ul {flex: 1 1 0; margin-top: 21px; margin-left: 88px;}
.main-history-bg .main-history-detail ul.history-ul > li.history-li > ul > li {display: flex; padding-bottom: 30px;}
.main-history-bg .main-history-detail ul.history-ul > li.history-li > ul > li > img {width: 145px; height: 145px;}
.main-history-bg .main-history-detail ul.history-ul > li.history-li > ul > li > dl {padding-left: 36px; font-size: 1.2em;}
.main-history-bg .main-history-detail .history-btn {margin-bottom: 35px;}
.main-history-bg .main-history-detail .history-btn > button {border: none; background: #efefef; border-radius: 26px; margin-right: 11px;}
.main-history-bg .main-history-detail .history-btn > button > a {color: #000; padding: 15px 23px; display: inline-block; font-size: 15px; font-weight: 700;}
.main-history-bg .main-history-detail .history-btn > button > a.history-btn-up:after {content: ' \2228'; position: relative; top: 0.05vw;}
.main-history-bg .main-history-detail .history-btn > button > a.history-btn-down:after {content: ' \2227'; position: relative; top: 0.05vw;}
div#HB-footer {position: fixed; bottom: 0; left: 0; width: 100%; height: 40px; background: #111; font-size: 12px; color: #fff; text-align: center; line-height: 40px; z-index: 99999999999999999999999;}
#myBtn {display: none; position: fixed; bottom: 42px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; cursor: pointer; background-color: unset;}
.place_left {position: relative; left: 4px;}


@media all and (max-width: 1760px){
     .hb_intro {padding-top: 85px;}
     .hb_info_detail > p {width: 37.5%; font-size: 14px;} 
}


@media all and (max-width: 1260px){
     .keywords-title-bg {background-position: left -71% center; background-size: cover;}
}

@media all and (max-width: 1023px){
	.gnb_list {display: none;}
     .HB-main-p {padding: 0 0 55px;}
     .main-headline-bg {max-width: none;}
     .main-brand-wrap {padding: 55px 0;}
     .keywords-title-bg {background-position: right 80% center; background-size: auto 100%;;}
     .rigth-boder {border-right:none;}
     .main-headline-wrap {height: 60vh;}
     .main-headline-bg .hb_keywords {width: 100%; text-align: left;  padding: 0 30px; top: -36px;}
     .main-brand-wrap .main-brand-bg .main-brand-list {width: 100%; padding: 0 22px;}
     .main-brand-wrap .main-brand-bg {overflow: hidden;}
     .swiper {margin:48px auto 0;}
     .main-vision-wrap {padding: 0 22px;}
     .main-vision-bg {width:100%; max-width: none;}
     .main-vision-bg .main-vision-detail {margin-top: 59px;}
     .main-value-wrap {padding: 0 22px;}
     .main-value-bg .main-value-detail ul {width: 100%; margin: 48px auto 0;}
     .main-value-bg .main-value-detail ul li {display: block; border: 1px solid #000; border-radius: 17px; box-shadow: 3px 3px 10px 10px #ececec; text-align: center; margin: 0 0 29px; padding: 27px;}
     .main-value-bg .main-value-detail ul li p {width: 100%;}
     .main-value-bg .main-value-detail ul li dl dd {display: none;}
     .main-vision-bg .main-vision-title {margin: 48px 0 30px;}
     .main-vision-bg .main-vision-title .vision-title-01 {width: 93%;}
     .main-vision-bg .main-vision-title .vision-title-02 {width: 70%; margin: 0 auto 10px;}
     .main-vision-bg .main-vision-detail ul {display: flex; flex-direction: row; align-content: center; flex-wrap: wrap;}
     .main-vision-bg .main-vision-detail ul li {height: auto; border: none; background-color: #eaeaea; box-shadow: none; border-radius: 33px; padding: 1% 3%; width: 45%; text-align: center;}
     .main-vision-bg .main-vision-detail ul li p {font-size: 1.1em; font-weight: 600;}
     .main-vision-bg .main-vision-detail ul li span {display: none;}
     .main-history-bg .main-history-detail ul.history-ul > li {display: block;}
     .main-history-bg .main-history-detail ul.history-ul > li::before {display: none;}
     .main-history-bg .main-history-detail ul.history-ul > li::after {display: none;}
     .main-history-wrap {padding: 0 22px;}
     .main-history-bg .main-history-detail {margin-top: 0;}
     .main-history-bg .main-history-detail ul.history-ul {padding: 45px 0;}
     .main-history-bg .main-history-detail ul.history-ul > li.history-li > ul {margin-left:0;}
     .main-history-bg .main-history-detail ul.history-ul > li > h2 {position: relative; top: 19px; left: 3px;}
     .main-history-bg .main-history-detail ul.history-ul > li.history-li > ul > li {padding-bottom:0;}
     .main-history-bg .main-history-detail ul.history-ul > li.history-li > ul > li > img {width: 117px; height: 117px;}
     .main-history-bg .main-history-detail ul.history-ul > li.history-li > ul > li > dl {font-size: 1em; line-height: 20px;}
     .main-history-bg .main-history-detail ul.history-ul > li.history-li > ul > li > dl > dd {padding-bottom: 8px;}
     footer.HB-footer {font-size: 10px;}
}

@media all and (max-width: 1024px){
     .main-headline-wrap {height: 658px;}
}

@media all and (max-width: 1022px){
     .dynamic-txt-wrap {width: 100%;}
     .keywords03 {width: 100%; top: 0px; }
}

@media all and (max-width: 1014px){
     .hb_intro > p {padding-left: 57px; font-size: 0.8em; line-height: 46px;}
     .hb_intro {padding-top: 137px;}
     .hb_info_button {padding-left: 46px; margin-top: 42px;}
     .hb_info_button > button {width: 133px; height: 45px;}
     .hb_info_button > button > a {font-size: 1.2em;}
}

@media all and (max-width: 980px){
     .keywords-title-bg {background-size:auto 100%;}
     .hb_info_detail {display: none;}
     .keywords-title-bg {background-position: left -72px center; background-size: cover;}
}

@media all and (max-width: 900px){
     .keywords-title-bg {background-position: right 94% center; background-size: auto 100%;}
}

@media all and (max-width: 650px){
     .main-headline-wrap {height: 40vh;}
     .hb_keywords .keywords_wid {width: 100px;}
     .hb_keywords .keywords_wid02 {width: 238px;}
     .keywords03 {width: 100%; top: 61px; float: left; left: -197px; position: absolute;}
     .dynamic-txt-wrap {text-align: left; font-size: 1em; width: 345px; padding: 0 39px; line-height: 24px; height: 46px;}
     .main-vision-bg .main-vision-title .vision-title-02 {width: 84%;}
     .hb_intro {padding-top: 13%;}
     .keywords-title-bg {background-size: auto 86%; background-position: right -170px bottom -53px;}
     #myBtn {right: 9px;}
     .myBtn-img {width: 45px; height: 45px;}
}

@media all and (max-width: 540px){
     .main-headline-wrap {height: 51vh;}
     .hb_info_button > button {width: 130px;  height: 39px;}
}

@media all and (max-width: 470px){
     .main-headline-wrap {height: 40vh;}
	 .gnb_list {display: none;}
	 .lang_menu_btn {display: none;}
}

@media all and (max-width: 390px){
     .hb_intro {padding-top: 11%;}
     .hb_info_button {margin-top: 18px; padding-left: 16px;}
     .hb_info_button > button > a {font-size: 1.1em;}
     .hb_intro > p {padding-left: 27px; font-size: 0.6em; line-height: 37px;}
}

@media all and (max-width: 375px){
     .hb_intro {padding-top: 31px;}
     .keywords-title-bg {background-position: right -131px bottom -24px;}
     .hb_info_button {margin-top: 8px;}
}

@media all and (max-width: 360px){
     .hb_intro {padding-top: 49px;}
     .hb_intro > p {font-size: 0.7em;}
     .hb_info_button > button {width: 116px; height: 40px;}
     .hb_info_button > button > a {font-size: 1.05em;}
}
/***************************main banner by miyeon*****************************/



/* topmenu */
.pub_topmenu {position:relative; width:100%; height:36px; background:#222;}
.top_brand {width:1160px; height:86px; margin:0 auto; padding:6px 0 0 20px;}
.top_brand li {float:left; margin:0 14px 0 0; line-height:20px;}
.top_brand a {display:inline-block; font-size:12px; color:#bbb;letter-spacing:0px;}
.top_brand a:hover {color:#fff;}
.top_brand span {display:block; width:50px; height:21px; margin:0px 0 0 1px; padding-top:1px; text-align:center; color:#fff; font-weight:bold; vertical-align:middle; font-family:arial !important;}
@media all and (max-width:768px){
.pub_topmenu {display:none;}
}
/* //topmenu */


/* layout */
nav {display:inline-flex; justify-content:center; width:100%; height:56px; 0 0; z-index:10000;}
.gnb_area {width:100%; max-width:1160px; margin:0 auto;z-index:10000;}
.gnb_menu {}
.main_area {position:relative; max-width:1160px; height:100%; margin:0 auto;}

@media all and (max-width:1023px){
     nav {width:0; height:50px;}
     }


@media all and (max-width:768px){
nav {height:50px;}
.gnb_area {width:100%;}
.gnb_menu {}
}
/* //layout */




/* logo */
h1 a {display:block; float:left; width:211px; height:34px; background:url(/publisher/images/logo.png) repeat; line-height:0; text-indent:-99999px;}
/*h1.green a {background:url(/publisher/images/logo2.png) no-repeat;}*/
h1.green a {background:url(/publisher/images/logo3.png) no-repeat;}

@media all and (max-width:920px){
h1 a {width:174px; height:28px; background-size:174px 28px;}
h1.green a {width:174px; height:28px; background-size:174px 28px;}
}

@media all and (max-width:768px){
h1 a {display:block; float:inherit; width:174px; height:28px; margin:12px auto 0; background:url(/publisher/images/logo.png) center no-repeat; background-size:174px 28px; line-height:0; text-indent:-9999999px;}
h1.green a {background:url(/publisher/images/logo3.png) center no-repeat; background-size:174px 28px;}
}
/* //logo */
7



/* menu */
.menu_area {float:right; position:relative; margin:10px 30px 0 0;}
.menu_area ul {}
.menu_area ul li {display:inline-block; margin-left:35px;}
.menu_area ul li a {font-family:'NanumGothicBold'; font-size:15px; line-height:0; color:#fff;}
.menu_area ul li a:hover {color:#18aa9b; text-decoration:none;}
.menu_area ul li a.curr {color:#eb5520;}
/*.menu_area ul li a.curr {color:#18aa9b;}*/

.menu_area.green ul li a:hover {color:#18aa9b; text-decoration:none;}
.menu_area.green ul li a.curr {color:#18aa9b;}

.m_btn_menu a {display:none;}
.m_btn_close a {display:none;}

.bg01{position:absolute; top:0; left:0; width:100%; height:88px; background:#000; opacity:0.5; z-index:-99;}

@media all and (max-width:920px){
.menu_area {margin:8px 20px 0 0;}
.menu_area ul li {margin-left:20px;}
.menu_area ul li a {font-size:10px;}
}

@media all and (max-width:768px){
#m_menu_btn2 {display:none;}
#m_menu_list {display:none;}

.menu_area {overflow:hidden; position:absolute; top:42px; left:0; float:inherit; width:100%; background:#222;}
.menu_area ul {padding:5px 0; transition:all 0.5 ease; animation:motion_gnbmenu 0.5s 1;}
.menu_area ul li {display:block; padding:10px 0;}
.menu_area ul li a {color:#fff;}
.menu_area ul li a:hover {color:#eb5520; text-decoration:none;}
.menu_area ul li a.curr {color:#eb5520;}

.m_btn_menu {float:left;}
.m_btn_menu a {display:block; position:absolute; top:0; left:0; width:48px; height:48px; margin:0; background:url(/publisher/images/btn_gnb_menu.png) center no-repeat; background-size:34px 34px; text-indent:-9999px;}
.m_btn_menu a.green {display:block; position:absolute; top:0; left:0; width:48px; height:48px; margin:0; background:url(/publisher/images/btn_gnb_menu_g.png) center no-repeat; background-size:34px 34px; text-indent:-9999px;}
.m_btn_menu a.green01 {display:block; position:absolute; top:0; left:0; width:48px; height:48px; margin:0; background:url(/publisher/images/btn_gnb_menu_g_01.png) center no-repeat; background-size:34px 34px; text-indent:-9999px;}
.m_btn_close {display:none;}
.m_btn_close a {display:block; position:absolute; top:0; right:0; width:48px; height:48px; background:url(/publisher/images/btn_gnb_close.png) center no-repeat; background-size:34px 34px; text-indent:-9999px;}
.bg01{position:absolute; top:0; left:0; width:100%; height:52px; background:#000; opacity:0.5; z-index:-99;}
}

@keyframes motion_gnbmenu {
	from {margin-left:-100px;}	
	to {margin-left:0;}
}
/* //menu */




/* 언어선택 */
/*.lang_area {position:relative; float:right; width:165px; margin:10px 30px 0 0;}*/
.lang_area a {display:block; height:30px; padding:0 0 0 20px; -moz-border-radius:15px; -khtml-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; font-size:13px; color:#fff;}
.lang_area a:hover {opacity:1;}
.lang_area ul {overflow:hidden; position:absolute; top:0; width:165px; margin-top:-1000px; padding:0 0 10px; background:#000;}
.lang_area li.f {height:30px; padding:0 0 0 20px; color:#fff; font-size:13px;}
.lang_area li.f {background:#444 url(/publisher/images/bl_lang.png) 140px 11px no-repeat;}
.lang_area span {display:none; height:30px; padding:0 0 0 20px; color:#fff; background:#7c7c7c url(/publisher/images/bl_lang.png) 140px 11px no-repeat; font-size:13px;}

.lang_area li a {font-size:10px;}
.lang_area li a:hover {opacity:.7;}
.lang_area:hover ul {margin-top:0;}

.lang_area.green ul {background:#444;}
.lang_area.green li.f {background:#444 url(/publisher/images/bl_lang.png) 140px 11px no-repeat;}
.lang_area.green span {background:#444 url(/publisher/images/bl_lang.png) 140px 11px no-repeat;}

.m_btn_lang a {display:none;}
.m_btn_close2 a {display:none;}

@media all and (max-width:920px){
.lang_area {width:140px; margin:10px 30px 0 0;}
.lang_area a {height:28px;}
.lang_area ul {width:140px;}
.lang_area li.f {height:28px; padding:1px 0 0 20px; background:#eb5520 url(/publisher/images/bl_lang.png) 115px 11px no-repeat; font-size:12px;}
.lang_area span {height:28px; padding:1px 0 0 20px; background:#7c7c7c url(/publisher/images/bl_lang.png) 115px 11px no-repeat; font-size:12px;}
.lang_area li a {font-size:10px;}

.lang_area.green li.f {background:#444 url(/publisher/images/bl_lang.png) 115px 11px no-repeat;}
.lang_area.green span {background:#444 url(/publisher/images/bl_lang.png) 115px 11px no-repeat;}
}

@media all and (max-width:1023px){
#m_lang_btn2 {display:none;}
#m_lang_list {display:none;}

.lang_area span {display:none;}

.lang_area {top:0; left:0; float:inherit; width:100%; transition:none;}
.lang_area ul {z-index: 99999; overflow:hidden; position:absolute; top:0; left:0; width:100%; padding:0 0 10px; margin:0; background:#222; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.lang_area.green ul {background:#222;}

.lang_area li.f {display:none;}
.lang_area li {display:block; padding:10px 0; background:#222; transition:all 0.5 ease; animation:motion_gnbmenu2 0.5s 1;}
.lang_area li a {display:inline; font-size:10px; color:#fff; line-height:0;}
.lang_area li a:hover {color:#18aa9b; text-decoration:none;}
.lang_area li a.curr {color:#18aa9b;}

.lang_area.green li a:hover {color:#18aa9b; text-decoration:none;}
.lang_area.green li a.curr {color:#18aa9b;}

.m_btn_lang {float:right; width:48px;}
.m_btn_lang a {display:block; position:absolute; top:0; right:0; width:48px; height:48px; margin:0; background:url(/publisher/images/btn_gnb_lang_1.png) center no-repeat; background-size:38px 38px; text-indent:-9999px;}
.m_btn_lang a.green {display:block; position:absolute; top:0; right:0; width:48px; height:48px; margin:0; background:url(/publisher/images/btn_gnb_lang.png) center no-repeat; background-size:38px 38px; text-indent:-9999px;}
.m_btn_lang a.green01 {display:block; position:absolute; top:7px; right:46px; width:38px; height:38px; margin:0; background:url(/publisher/images/btn_gnb_lang01.png) center no-repeat; background-size:30px 30px; text-indent:-9999px;}
.m_btn_close2 {}
.m_btn_close2 a {display:block; position:absolute; top:0; right:0; width:48px; height:48px; background:url(/publisher/images/btn_gnb_close.png) center no-repeat; background-size:34px 34px; text-indent:-9999px; z-index:999999999999;}
}

@keyframes motion_gnbmenu2 {
	from {margin-left:-100px;}	
	to {margin-left:0;}
}
/* //언어선택 */
/*********************  //header  *********************/









/*********************  Contents  - about  *********************/
/* 우측 페이징 */
.page_nav {position:fixed; top:50%; right:20px; width:24px; margin-top:-75px; z-index:100000;}
.page_nav a {display:block; width:12px; height:12px; margin:10px auto; background:#fff; border:1px solid #777; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; box-sizing:content-box;}
.page_nav a.curr {border:4px solid #000;}

@media all and (max-width:768px){.page_nav {display:none;}}
/* //우측 페이징 */




/* 레이아웃 및 공통 */
.main_section_cont {position:relative; width:100%; height:884px; margin-bottom:-20px;}
.contents_area {position:relative; width:100%; height:100%;}
.preloader_area {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#FFF; z-index:10006;}
.view_web {display:block;}
.view_mobile {display:none;}

@media all and (max-width:768px){
.main_section_cont {position:relative; width:100%; height:auto; margin-bottom:0;}
.contents_area {position:relative; width:100%; height:auto;}
.preloader_area {display:none;}
.view_web {display:none;}
.view_mobile {display:block;}
}
/* //레이아웃 및 공통 */




/* 인트로 */
.main_section_01 {position:absolute; top:0; left:0; width:100%; height:100%; min-height:560px; background:url(/publisher/images/hb_bg_img01.jpg) center no-repeat; background-size:cover;}

.ms01_book {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/publisher/images/about_img_book.png) center -5px no-repeat; background-size:auto 95%;}
.ms01_txt01 {position:absolute; top:38%; left:50%; width:320px; margin-left:40px; z-index:100;}
.ms01_txt01 .txt1 {font-family:'NanumGothicBold'; font-size:24px; line-height:140%;}
.ms01_txt01 .txt2 {padding:0 0 15px; margin-left:-2px; font-family:'NanumGothicBold'; font-size:36px; color:#eb5520; line-height:140%;}
.ms01_txt01 p {font-size:16px; line-height:180%;}
.txt3_m {display:none;}

@media all and (max-width:768px){
.main_section_01 {position:relative; width:100%; height:auto; min-height:inherit; padding-top:100%;}
.ms01_book {position:absolute; top:70px; left:0; width:100%; height:100%; background:url(/publisher/images/about_img_book.png) center -5px no-repeat; background-size:90% auto;}
.ms01_txt01 {top:0; width:25%; margin-left:20px; padding-top:36.5%;}
.ms01_txt01 .txt1 {font-size:16px;}
.ms01_txt01 .txt2 {font-size:20px;}
.ms01_txt01 p {font-size:13px; line-height:160%;}
}

@media all and (max-width:658px){
.main_section_01 {padding-top:105%;}
.ms01_book {top:50px;}
.ms01_txt01 {padding-top:42%;}
.ms01_txt01 .txt1 {font-size:15px;}
.ms01_txt01 .txt2 {font-size:18px; letter-spacing:-0.05em;}
.txt3_w {display:none;}
.txt3_m {display:block; position:absolute; top:80%; left:0; width:100%; margin:0; padding:0 50px; font-size:13px; line-height:160%; text-align:center;}
}

@media all and (max-width:590px){
.ms01_txt01 {width:28%; margin-left:10px; padding-top:43%;}
.ms01_txt01 .txt1 {font-size:14px; letter-spacing:-0.05em;}
.ms01_txt01 .txt2 {font-size:16px; letter-spacing:-0.05em;}
}

@media all and (max-width:500px){
.ms01_txt01 .txt1 {font-size:13px;}
.ms01_txt01 .txt2 {font-size:15px;}
}

@media all and (max-width:420px){
.main_section_01 {padding-top:120%;}
.ms01_txt01 {padding-top:45%;}
.ms01_txt01 .txt1 {font-size:12px;}
.ms01_txt01 .txt2 {font-size:14px;}
.txt3_m {top:75%; padding:0 30px;}
}

@media all and (max-width:375px){
.ms01_txt01 .txt1 {font-size:11px;}
.ms01_txt01 .txt2 {font-size:13px;}
.txt3_m {top:72%;}
}

@media all and (max-width:320px){
.ms01_txt01 {padding-top:48%;}
.ms01_txt01 .txt1 {font-size:10px;}
.ms01_txt01 .txt2 {font-size:12px;}
.txt3_m {font-size:11px;}
}

@media all and (min-width:769px) and (max-height:880px){
.ms01_txt01 {top:38%; width:300px; margin-left:30px;}
.ms01_txt01 .txt1 {font-size:22px;}
.ms01_txt01 .txt2 {font-size:32px;}
.ms01_txt01 p {font-size:15px; line-height:160%;}
}

@media all and (min-width:769px) and (max-height:800px){
.ms01_txt01 {width:280px; margin-left:20px;}
.ms01_txt01 p {font-size:14px;}
}
@media all and (min-width:769px) and (max-height:750px){
.ms01_txt01 {top:36%; width:260px;}
.ms01_txt01 .txt1 {font-size:20px;}
.ms01_txt01 .txt2 {font-size:30px;}
.ms01_txt01 p {font-size:14px;}
}
@media all and (min-width:769px) and (max-height:680px){
.ms01_txt01 {top:36%; width:220px;}
.ms01_txt01 .txt1 {font-size:20px;}
.ms01_txt01 .txt2 {font-size:24px;}
.ms01_txt01 p {font-size:13px;}
}
@media all and (min-width:769px) and (max-height:640px){
.ms01_txt01 {top:35%; width:200px;}
.ms01_txt01 .txt1 {font-size:18px;}
.ms01_txt01 .txt2 {font-size:22px;}
.ms01_txt01 p {font-size:12px;}
}

.ico_scroll {position:absolute; bottom:50px; width:100%; margin:0 auto; text-align:center; z-index:1000;}
@media all and (max-width:768px){.ico_scroll {display:none;}}
/* //인트로 */



/* 인트로 수정 */
.main_bg {overflow:hidden; height:100vh; width:100vw; position:absolute; top:0; left:0; width:100%; height:100%; min-height:567px; background:url(/publisher/images/bg_about_01_w2500.jpg) center no-repeat; background-size:cover;}
.tet_wh {color:#fff; font-family:'NanumSquare'; display:block; line-height:42px;}
.tet_green {color:#23e8b3;font-family:'NanumSquare'; margin-left:14px;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:80px; text-align:center; letter-spacing:-5px; position:relative; top:27%; font-weight:900;}
.main_bg .section_wrap {max-width:1500px; margin:17% auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:33%; padding:0 39px; box-sizing:border-box; text-align:center;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin-top:15px;}
.d_c {display:table-cell; width:100%; vertical-align:middle;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:29px; font-weight:500; letter-spacing:-3px; display:block; line-height:40px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:15px; line-height:27px; display:block; padding:20px 0;}
.main_bg .main_box_icon01 img {position:relative; display:block; max-width:100%; height:96px;}
.main_bg .main_box_icon02 img {position:relative; display:block; max-width:100%; height:96px;}
.main_bg .main_box_icon03 img {position:relative; display:block; max-width:100%; height:96px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:30px; position:relative; float:right; right:9px; top:-47px;}
.main_bg .main_box_wrap01 {margin:0 auto; width:190px;}
.main_bg .main_box_wrap02 {margin:0 auto; width:160px;}
.text_br{display: block; font-family:'NanumSquare', sans-serif;}


@media all and (max-width:1700px){
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:70px; font-weight:900; text-align:center; letter-spacing:-5px; position:relative; top:258px;}
.main_bg .section_wrap {max-width:1200px; margin:337px auto 0 auto}
.main_bg .section_wrap > ul > li {float:left; width:33%; padding:0 16px; box-sizing:border-box; text-align:center;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin-top:15px;}
.d_c {display:table-cell; width:100%; vertical-align:middle;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:24px; font-weight:500; letter-spacing:-3px; display:block; line-height:32px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:13px; line-height:19px; display:block; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_icon02 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_icon03 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:30px; position:relative; float:right; right:9px; top:-47px;}
.main_bg .main_box_wrap01 {margin:0 auto; width:175px;}
.main_bg .main_box_wrap02 {margin:0 auto; width:159px;}
.text_br{display: block; font-family:'NanumSquare', sans-serif;}
}

@media all and (max-width:1400px){
.main_bg {}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:54px; font-weight:900; text-align:center; letter-spacing:-5px; position:relative; top:258px;}
.main_bg .section_wrap {max-width:1200px; margin:358px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:33%; padding:0 16px; box-sizing:border-box; text-align:center;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin-top:15px;}
.d_c {display:table-cell; width:100%; vertical-align:middle;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:24px; font-weight:500; letter-spacing:-3px; display:block; line-height:32px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:13px; line-height:19px; display:block; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_icon02 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_icon03 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:30px; position:relative; float:right; right:9px; top:-47px;}
.main_bg .main_box_wrap01 {margin:0 auto; width:175px;}
.main_bg .main_box_wrap02 {margin:0 auto; width:159px;}
.text_br{display: block; font-family:'NanumSquare', sans-serif;}
}

@media all and (max-width:1080px){
.main_bg {}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:60px; font-weight:900; text-align:center; letter-spacing:-5px; position:relative; top:258px;}
.main_bg .section_wrap {max-width:1200px; margin:380px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:33%; padding:0 16px; box-sizing:border-box; text-align:center;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin-top:15px;}
.d_c {display:table-cell; width:100%; vertical-align:middle;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:22px; font-weight:500; letter-spacing:-3px; display:block; line-height:32px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:11px; line-height:19px; display:block; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_icon02 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_icon03 img {position:relative; display:block; max-width:100%; height:85px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:30px; position:relative; float:right; right:9px; top:-47px;}
.main_bg .main_box_wrap01 {margin:0 auto; width:175px;}
.main_bg .main_box_wrap02 {margin:0 auto; width:159px;}
.text_br{display: block; font-family:'NanumSquare', sans-serif;}
.menu_area ul li a {font-size:13px;}
.menu_area ul li {margin-left:21px;}
}


@media all and (max-width:980px){
.main_bg {position:relative;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:48px; font-weight:900; text-align:center; letter-spacing:-3px; position:relative; top:258px;}
.main_bg .section_wrap {max-width:1200px; margin:380px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:33%; padding:0 10px; box-sizing:border-box; text-align:center;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin-top:15px;}
.d_c {display:table-cell; width:100%; vertical-align:middle;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:22px; font-weight:500; letter-spacing:-2px; display:block; line-height:27px; padding-bottom:21px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:11px; line-height:19px; display:none; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:block; max-width:100%; height:77px;}
.main_bg .main_box_icon02 img {position:relative; display:block; max-width:100%; height:77px;}
.main_bg .main_box_icon03 img {position:relative; display:block; max-width:100%; height:77px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:25px; position:relative; float:right; right:9px; top:-40px;}
.main_bg .main_box_wrap01 {margin:0 auto; width:155px;}
.main_bg .main_box_wrap02 {margin:0 auto; width:142px;}
.text_br{display: block; font-family:'NanumSquare', sans-serif;}
}

@media all and (max-width:840px){
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:22px; font-weight:500; letter-spacing:-2px; display:block; line-height:24px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:10px; line-height:19px; display:none; padding:10px 0;}
}

@media all and (max-width:768px){
.main_bg {position:relative;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:38px; font-weight:900; text-align:center; letter-spacing:-2px; position:relative; top:164px;}
.main_bg .section_wrap {max-width:1200px; margin:222px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:33%; padding:0 2px; box-sizing:border-box; text-align:center;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin-top:15px;}
.d_c {display:table-cell; width:100%; vertical-align:middle;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:19px; font-weight:500; letter-spacing:-2px; display:block; line-height:24px; padding-bottom:21px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:10px; line-height:19px; display:none; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:block; max-width:100%; height:65px;}
.main_bg .main_box_icon02 img {position:relative; display:block; max-width:100%; height:65px;}
.main_bg .main_box_icon03 img {position:relative; display:block; max-width:100%; height:65px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:20px; position:relative; float:right; right:9px; top:-32px;}
.main_bg .main_box_wrap01 {margin:0 auto; width:128px;}
.main_bg .main_box_wrap02 {margin:0 auto; width:115px;}
.text_br{display: block; font-family:'NanumSquare', sans-serif;}
}

@media all and (max-width:720px){
.main_bg {background:url(/publisher/images/bg_about_01_w800_1.jpg) no-repeat center;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:32px; font-weight:900; text-align:center; letter-spacing:-1px; position:relative; top:125px;}
.main_bg .section_wrap {max-width:1200px; margin:165px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:100%; padding:10px 0; box-sizing:border-box; height:93px; text-align:left;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:91px; border-radius:0%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin:38px 0 0 19px;}
.d_c {display:table-cell; width:100%; vertical-align:top;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:19px; font-weight:500; letter-spacing:-1px; display:block; line-height:19px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:10px; line-height:19px; display: none; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon02 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon03 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:30px; position:relative; float:right; right:7px; top:-23px;}
.main_bg .main_box_wrap01 {width:111px; float:right; position:absolute; right:19px; margin-top:-24px;}
.main_bg .main_box_wrap02 {width:96px; float:right; position:absolute; right:19px; margin-top:-24px;}
.text_br{display:inline; font-family:'NanumSquare', sans-serif;}
.bb{font-family:'NanumSquare', sans-serif;color:#fff; font-size:16px; font-weight:500;}
}

@media all and (max-width:570px){
.main_bg {background:url(/publisher/images/bg_about_01_w800_1.jpg) no-repeat center;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:27px; font-weight:900; text-align:center; letter-spacing:-1px; position:relative; top:120px;}
.main_bg .section_wrap {max-width:1200px; margin:165px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:100%; padding:10px 0; box-sizing:border-box; height:97px; text-align:left;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:95px; border-radius:0%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin:38px 0 0 19px;}
.d_c {display:table-cell; width:100%; vertical-align:top;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:17px; font-weight:500; letter-spacing:-1px; display:block; line-height:24px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:10px; line-height:18px; display: none; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon02 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon03 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:25px; position:relative; float:right; right:-2px; top:-17px;}
.main_bg .main_box_wrap01 {width:111px; float:right; position:absolute; right:19px; margin-top:-24px;}
.main_bg .main_box_wrap02 {width:96px; float:right; position:absolute; right:19px; margin-top:-24px;}
.text_br{display:inline; font-family:'NanumSquare', sans-serif;}
.bb{font-family:'NanumSquare', sans-serif;color:#fff; font-size:16px; font-weight:500;}
}

@media all and (max-width:480px){
.main_bg {background:url(/publisher/images/bg_about_01_w800_1.jpg) no-repeat center;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:24px; font-weight:900; text-align:center; letter-spacing:-1px; position:relative; top:120px;}
.main_bg .section_wrap {max-width:1200px; margin:170px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:100%; padding:10px 0; box-sizing:border-box; height:97px; text-align:left;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:95px; border-radius:0%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin:38px 0 0 19px;}
.d_c {display:table-cell; width:100%; vertical-align:top;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:15px; font-weight:500; letter-spacing:-1px; display:block; line-height:24px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:10px; line-height:19px; display: none; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon02 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon03 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:25px; position:relative; float:right; right:-4px; top:-23px;}
.main_bg .main_box_wrap01 {width:111px; float:right; position:absolute; right:19px; margin-top:-24px;}
.main_bg .main_box_wrap02 {width:96px; float:right; position:absolute; right:19px; margin-top:-24px;}
.text_br{display:inline; font-family:'NanumSquare', sans-serif;}
.bb{font-family:'NanumSquare', sans-serif;color:#fff; font-size:16px; font-weight:500;}
}

@media all and (max-width:411px){
.main_bg {background:url(/publisher/images/bg_about_01_w800_1.jpg) no-repeat center;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:24px; font-weight:900; text-align:center; letter-spacing:-1px; position:relative; top:120px; padding:0 31px; line-height:33px;}
.main_bg .section_wrap {max-width:1200px; margin:170px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:100%; padding:10px 0; box-sizing:border-box; height:104px; text-align:left;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:103px; border-radius:0%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin:0 10px;}
.d_c {display:table-cell; width:100%; vertical-align:middle; padding-top:21px;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:15px; font-weight:500; letter-spacing:-1px; display:block; line-height:24px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:10px; line-height:19px; display: none; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon02 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon03 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_plus img {display:block; max-width:100%; height:25px; position:relative; float:right; right:-5px; top:-12px;}
.main_bg .main_box_wrap01 {width:111px; float:right; position:absolute; right:19px; margin-top:-24px;}
.main_bg .main_box_wrap02 {width:96px; float:right; position:absolute; right:19px; margin-top:-37px;}
.text_br{display:inline; font-family:'NanumSquare', sans-serif;}
.bb{font-family:'NanumSquare', sans-serif;color:#fff; font-size:16px; font-weight:500;}
}

@media all and (max-width:360px){
.main_bg {background:url(/publisher/images/bg_about_01_w800_1.jpg) no-repeat center;}
.main_bg .main_txt1 {font-family:'NanumSquare', sans-serif; font-size:21px; font-weight:900; text-align:center; letter-spacing:-1px; position:relative; top:110px; padding:0 20px; line-height:33px;}
.main_bg .section_wrap {max-width:1200px; margin:169px auto 0 auto;}
.main_bg .section_wrap > ul > li {float:left; width:100%; padding:10px 0; box-sizing:border-box; height:104px; text-align:left;}
.main_bg .main_box_item {position:relative; padding-top:100%;}
.main_bg .main_box_item > a {display:block; position:absolute; top:0; left:0; width:100%; height:103px; border-radius:0%; background:rgba(0,0,0,0.5); transition:background 0.5s ease;}
.d_t {display:table; width:100%; height:100%; table-layout:fixed; margin:18px 10px;}
.d_c {display:table-cell; width:100%; vertical-align:top;}
.main_bg .main_box_txt2 {font-family:'NanumSquare', sans-serif;color:#fff; font-size:15px; font-weight:500; letter-spacing:-1px; display:block; line-height:24px; 
background:url(/publisher/images/main_m_plus_icon.png) no-repeat right 1% top 5px; margin-right:24px; padding-left:8px;}
.main_bg .main_box_txt3 {font-family:'NanumSquare', sans-serif;color:#fff; letter-spacing:-1px; font-size:10px; line-height:19px; display: none; padding:10px 0;}
.main_bg .main_box_icon01 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon02 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_icon03 img {position:relative; display:none; max-width:100%; height:55px;}
.main_bg .main_box_plus img {display:none; max-width:100%; height:25px; position:relative; float:right; right:-5px; top:27px;}
.main_bg .main_box_wrap01 {width:111px; float:right; position:absolute; right:19px; margin-top:-24px;}
.main_bg .main_box_wrap02 {width:96px; float:right; position:absolute; right:19px; margin-top:-37px;}
.text_br{display:inline; font-family:'NanumSquare', sans-serif;}
.bb{font-family:'NanumSquare', sans-serif;color:#fff; font-size:16px; font-weight:500;}
}



/* 인사말 */
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:88px; padding-left:115px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:24px; max-width:960px; line-height:43px; letter-spacing:-1px; margin-bottom:70px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:24px; font-weight:700; letter-spacing:-1px; color:#005c51;}
ul.ms02_txt_u > li {font-size:22px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px;}
ul.ms02_txt_u > li > span {letter-spacing:-1px; font-family:NanumMyeongjo;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:22px; line-height:35px; font-weight:600;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:9%; padding:19px 113px 0 0; font-size:24px; text-align:right; font-weight:600; margin-top:34px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}

@media all and (max-width:1100px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:88px; padding-left:115px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:21px; max-width:960px; line-height:43px; letter-spacing:-2px; margin-bottom:70px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:21px; font-weight:700;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:19px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:34px;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:19px; line-height:35px;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:9%; padding:18px 91px 0 0; font-size:21px; text-align:right; font-weight:600; margin-top:34px; margin-right:102px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:1000px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:88px; padding-left:115px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:21px; max-width:960px; line-height:43px; letter-spacing:-2px; margin-bottom:70px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:21px; font-weight:700;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:19px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:34px;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:19px; line-height:35px;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:9%; padding:18px 91px 0 0; font-size:21px; text-align:right; font-weight:600; margin-top:34px; margin-right:102px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:980px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:88px; padding-left:64px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:21px; max-width:960px; line-height:43px; letter-spacing:-2px; margin-bottom:70px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:21px; font-weight:700;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:19px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:34px;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:19px; line-height:35px;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:9%; padding:18px 91px 0 0; font-size:21px; text-align:right; font-weight:600; margin-top:34px; margin-right:102px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:900px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:88px; padding-left:80px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:19px; max-width:960px; line-height:36px; letter-spacing:-2px; margin-bottom:70px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:19px; font-weight:700;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:17px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:30px;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:17px; line-height:30px;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:9%; padding:18px 78px 0 0; font-size:19px; 
text-align:right; font-weight:600; margin-top:34px; margin-right:72px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:840px){
.ms02_txt_l {padding-top:88px; padding-left:50px;}
}

@media all and (max-width:768px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8; overflow:hidden; position:relative;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:52px; padding-left:52px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:16px; max-width:960px; line-height:31px; letter-spacing:-2px; margin-bottom:48px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:16px; font-weight:700;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:15px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:27px;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:15px; line-height:30px;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:9%; padding:18px 78px 0 0; font-size:15px; 
text-align:right; font-weight:600; margin-top:34px; margin-right:72px; margin-bottom:38px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:650px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8; overflow:hidden; position:relative;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:50px; padding-left:30px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:16px; max-width:960px; line-height:31px; letter-spacing:-2px; margin-bottom:48px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:16px; font-weight:700;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:15px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:27px;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:15px; line-height:30px;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:9%; padding:22px 63px 0 0; font-size:15px; 
text-align:right; font-weight:600; margin-top:34px; margin-right:30px; margin-bottom:38px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:620px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8; overflow:hidden; position:relative;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:50px; padding-left:30px; padding-right:30px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:16px; max-width:960px; line-height:31px; letter-spacing:-2px; margin-bottom:48px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:16px; font-weight:700; display:none;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:15px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:27px; display:none;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:15px; line-height:30px; display:none;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:10%; padding:22px 63px 0 0; font-size:15px; 
text-align:right; font-weight:600; margin-top:-56px; margin-right:30px; margin-bottom:38px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:530px){
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:15%; padding:22px 63px 0 0; font-size:15px; 
text-align:right; font-weight:600; margin-top:-56px; margin-right:20px; margin-bottom:38px;}
}

@media all and (max-width:411px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8; overflow:hidden; position:relative;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:50px; padding-left:30px; padding-right:30px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:16px; max-width:960px; line-height:31px; letter-spacing:-2px; margin-bottom:48px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:16px; font-weight:700; display:none;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:15px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:27px; display:none;}
.ms02_txt_s2 {ffont-family:NanumMyeongjo; font-size:15px; line-height:30px; display:none;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:15%; padding:22px 53px 0 0; font-size:15px; 
text-align:right; font-weight:600; margin-top:-56px; margin-right:20px; margin-bottom:38px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

@media all and (max-width:375px){
.main_section_02 {position:absolute; top:100%; left:0; width:100%; height:100%; background:#f8f8f8; overflow:hidden; position:relative;}
.main_section_02 h2 {padding:0 0 40px; font-size:32px; color:#000;}

.ms02_txt_l {padding-top:50px; padding-left:30px; padding-right:30px;}
.ms02_txt_pl {font-family:NanumMyeongjo; font-size:16px; max-width:960px; line-height:31px; letter-spacing:-2px; margin-bottom:48px;}
.ms02_txt_u {padding-bottom:12px;}
.ms02_txt_s1 {font-family:NanumMyeongjo; font-size:16px; font-weight:700; display:none;}
ul.ms02_txt_u > li {font-family:NanumMyeongjo; font-size:15px; background:url(/publisher/images/btn_check.png) no-repeat left 50%; padding-left:24px; line-height:27px; display:none;}
.ms02_txt_s2 {font-family:NanumMyeongjo; font-size:15px; line-height:30px; display:none;}
.ms02_txt_p3 {font-family:'NanumSquare', sans-serif; background:url(/publisher/images/text_sign.png) no-repeat right 50%; height:66px; background-size:15%; padding:22px 51px 0 0; font-size:15px; 
text-align:right; font-weight:600; margin-top:-56px; margin-right:20px; margin-bottom:38px;}
.txt_bgreen {font-family:NanumMyeongjo; color:#005c51; font-weight:600;}
}

/* //인사말 */




/* 비전 */
.main_section_03 {position:absolute; top:200%; left:0; width:100%; height:100%; background:url(/publisher/images/hb_bg_img03.jpg) center no-repeat; background-size:cover;}
.main_section_03 h2 {padding:0 0 40px; font-size:32px; color:#fff;}

.ms03_img01 {position:absolute; top:50%; left:50%; width:40%; margin-top:-17%; margin-left:-45%; z-index:10;}
.ms03_img01 img {width:100%;}
.ms03_txt01 {position:absolute; top:50%; left:50%; width:45%; margin-top:-18%; z-index:100;}
.ms03_txt01 .txt1 {padding-bottom:10px; font-family:'NanumGothicBold'; font-size:30px; color:#fff; line-height:130%;}
.ms03_txt01 .txt1 span {font-family:'NanumGothicBold'; font-size:34px; font-weight:bold; color:#eb5520; line-height:130%;}
.ms03_txt01 .txt2 {padding:20px 40px 0 0; font-size:15px; color:#fff; line-height:160%;}

.ms03_btn a {display:inline-block; padding:4px 25px 4px 30px; margin:40px 0 0 0; background:#eb5520; -moz-border-radius:70px; -khtml-border-radius:70px; -webkit-border-radius:70px; border-radius:70px; text-align:center; color:#fff;}
.ms03_btn a span {padding:0 0 0 5px;}

@media all and (max-width:1200px){
.ms03_txt01 .txt1 {font-size:26px;}
.ms03_txt01 .txt2 {font-size:14px;}
}

@media all and (max-width:1000px){
.ms03_txt01 {margin-top:-24%;}
}

@media all and (max-width:768px){
.main_section_03 {overflow:hidden; position:relative; top:100%; left:0; width:100%; height:auto; padding:80px 50px; background:url(/publisher/images/hb_bg_img03.jpg) center no-repeat; background-size:cover;}
.ms03_img01 {display:none;}
.ms03_txt01 {position:relative; top:0; left:0; width:100%; margin:0;}
}

@media all and (max-width:375px){
.main_section_03 {padding:40px 20px;}
.main_section_03 h2 {font-size:24px;}
.ms03_txt01 .txt1 {font-size:24px;}
.ms03_txt01 .txt1 span {font-size:24px;}
.ms03_txt01 .txt2 {font-size:13px;}
}

@media all and (min-width:769px) and (max-height:640px){
.main_section_03 h2 {padding:0 0 20px; font-size:24px;}

.ms03_img01 {width:30%; margin-top:-13%; margin-left:-40%;}
.ms03_txt01 {margin-top:-15%; z-index:100;}
.ms03_txt01 .txt1 {font-size:22px;}
.ms03_txt01 .txt1 span {font-size:24px;}
.ms03_txt01 .txt2 {font-size:14px;}
}

/* 레이어 팝업 - 비전 */
.vision_layer {position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000000;}
.vision_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; filter:alpha(opacity=50);}
.vision_layer .vision_pop-layer {display:block;}

.vision_pop-layer {display:none; position:absolute; top:50%; left:50%; width:900px; height:540px; background:#fff; z-index:10000000;}	
.vision_pop-layer .pop-container {padding:20px;}
.vision_pop-layer .tit {float:left; padding-left:30px; font-size:18px; font-family:'NanumGothicBold';}
.vision_pop-layer .close {float:right; margin-bottom:10px;}

.pop_vision {clear:both; height:440px; padding:60px; margin:0; background:#f9f9f9 url(/publisher/images/bg_vision.jpg) no-repeat; overflow-y:scroll;}
.pop_vision .title {font-size:20px;}
.pop_vision .title strong {margin-left:-2px; font-family:'NanumGothicBold'; font-size:40px; color:#eb5520; line-height:26px;}
.pop_vision .stit {display:inline-block; padding-bottom:5px; margin:30px 0 0; border-bottom:1px solid #eb5520; font-family:'NanumGothicBold'; font-size:20px; color:#eb5520;}
.pop_vision .box {clear:both; overflow:hidden; width:720px; margin:20px 0 80px;}
.pop_vision .l {float:left; width:300px; font-family:'NanumGothicBold'; font-size:24px; line-height:34px;}
.pop_vision .l2 {width:100%; padding:0 0 80px; font-family:'NanumGothicBold'; font-size:24px; line-height:34px;}
.pop_vision .l2 span {font-size:14px;}
.pop_vision dl {float:right; width:420px;}
.pop_vision dt {padding:0 0 30px; font-family:'NanumGothicBold'; font-size:16px; color:#eb5520; line-height:24px;}
.pop_vision dd {font-size:16px; line-height:24px;}

@media all and (max-width:899px){
.vision_pop-layer {width:760px;}
.pop_vision {background:#f9f9f9 url(/publisher/images/bg_vision.jpg) no-repeat; background-size:100% auto; overflow-y:scroll;}
.pop_vision .box {width:640px; margin:20px 0 80px;}
.pop_vision .l {float:left; width:40%;}
.pop_vision dl {float:right; width:50%;}
}

@media all and (max-width:768px){
.vision_pop-layer {width:680px;}
.vision_pop-layer .tit {padding-left:0;}
.pop_vision .box {width:560px; margin:20px 0 80px;}
.pop_vision .l {float:left; width:40%;}
.pop_vision dl {float:right; width:50%;}
}

@media all and (max-width:414px){
.vision_pop-layer {width:100%;}
.pop_vision {padding:40px 20px;}
.pop_vision .box {width:auto; margin:20px 0 0;}
.pop_vision .l {float:none; width:100%;}
.pop_vision dl {float:none; width:100%;}

.pop_vision .title strong {font-size:24px; line-height:160%;}
.pop_vision .stit {font-size:16px; line-height:160%;}
.pop_vision .l {font-size:16px; line-height:160%;}
.pop_vision .l2 {font-size:16px; line-height:160%;}
.pop_vision .l2 span {font-size:13px; line-height:160%;}
.pop_vision dt {font-size:13px; line-height:160%;}
.pop_vision dd {font-size:13px; line-height:160%;}

}
/* //레이어 팝업 - 비전 */
/* //비전 */




/* 브랜드소개 */
.main_section_04 {position:absolute; top:200%; left:0; width:100%; height:100%; background:#fff;}

.ms04_tabbox {position:relative; max-width:1160px; height:100%; margin:0 auto; z-index:10;}
.ms04_img {position:absolute; top:50%; left:50%; width:48%; margin-top:-32%; margin-left:-50%; z-index:10;}
.ms04_img img {width:100%;}
.ms04_txt {position:absolute; top:50%; left:50%; width:48%; margin-top:-10%; z-index:100;}

.ms04_txt .txt1 {padding:0 0 34px; font-family:'NanumGothicBold'; font-size:30px; color:#222; line-height:130%;}
.ms04_txt .txt1 span {font-family:'NanumGothicBold'; font-size:30px; font-weight:bold; color:#eb5520; line-height:130%;}
.ms04_txt .txt2 {padding-top:5px; font-size:16px; color:#222; line-height:180%; text-align:justify;}
.ms04_btn a {display:inline-block; padding:4px 25px 4px 30px; margin:40px 0 0 0; -moz-border-radius:70px; -khtml-border-radius:70px; -webkit-border-radius:70px; border-radius:70px; text-align:center; color:#fff;}
.ms04_btn a.media {background:#ff6633;}
.ms04_btn a.academy {background:#00cc99;}
.ms04_btn a.biz {background:#53a4db;}
.ms04_btn a.life {background:#ffcc00;}
.ms04_btn a.realtime {background:#333641;}
.ms04_btn a.make {background:#e70012;}
.ms04_btn a.edu {background:#91d159;}
.ms04_btn a span {padding:0 0 0 5px;}

@media all and (max-width:1200px){
.ms04_txt .txt1 {font-size:26px;}
.ms04_txt .txt2 {font-size:14px;}
}

@media all and (max-width:1000px){
.ms04_txt {width:40%; margin-top:-12%;}
}

@media all and (max-width:768px){
.main_section_04 {overflow:hidden; position:relative; top:100%; left:0; width:100%; height:auto; padding:0; background:#fff;}
.ms04_tabbox {height:inherit; padding-bottom:120px !important;}
.ms04_img {position:relative; top:0; left:0; width:30%; margin:0 auto;}
.ms04_img img {width:100%;}
.ms04_txt {position:relative; top:0; left:0; width:100%; overflow:hidden; margin:0 auto; padding:0 30px; text-align:center; z-index:100;}
.ms04_txt .txt1 {padding:0 0 15px; font-size:24px;}
.ms04_txt .txt2 {font-size:14px; line-height:160%;}
.ms04_btn a {padding:4px 25px 4px 30px; margin:20px auto 0;}
}

@media all and (min-width:769px) and (max-height:640px){
.ms04_img {width:40%; margin-top:-28%; margin-left:-45%;}
.ms04_txt {margin-top:-10%; z-index:100;}
.ms04_txt .txt1 {font-size:24px;}
.ms04_txt .txt2 {font-size:14px; line-height:160%;}
}


/* 탭메뉴 */
.tab_bg {position:absolute; bottom:0; left:0; width:100%; background:#111; z-index:100;}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {content:""; display:table; border-collapse:collapse;}
.ui-helper-clearfix:after {clear:both;}

.ui-tabs {overflow:hidden; position:absolute; width:100%; bottom:0; left:0; right:0; top:0;}
.ui-tabs .ui-tabs-nav {max-width:1160px; margin:0 auto; padding:0;}
.ui-tabs .ui-tabs-nav li {float:left; width:14.111%; text-align:center; padding:0; margin:0; border-bottom:0; list-style:none;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:6px 22px; text-decoration:none;}
.ui-tabs .ui-tabs-nav .ui-tabs-active {margin-bottom:-1px; padding-bottom:1px;}
.ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav .ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav .ui-tabs-loading .ui-tabs-anchor {cursor:text;}
.ui-tabs-collapsible .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {cursor:pointer;}
.ui-tabs .ui-tabs-panel {display:block; border:0; padding:0;}

.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#111;}
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default a {display:block; text-indent:-999999px;}

.ui-state-default .tab_media {background:url(/publisher/images/logo_brand_media.png) center no-repeat; background-size:auto 14px;}
.ui-state-default .tab_academy {background:url(/publisher/images/logo_brand_academy.png) center no-repeat; background-size:auto 14px;}
.ui-state-default .tab_life {background:url(/publisher/images/logo_brand_life.png) center no-repeat; background-size:auto 14px;}
.ui-state-default .tab_biz {background:url(/publisher/images/logo_brand_biz.png) center no-repeat; background-size:auto 14px;}
.ui-state-default .tab_realtime {background:url(/publisher/images/logo_brand_realtime.png) center no-repeat; background-size:auto 14px;}
.ui-state-default .tab_make {background:url(/publisher/images/logo_brand_make.png) center no-repeat; background-size:auto 14px;}
.ui-state-default .tab_edu {background:url(/publisher/images/logo_brand_edu.png) center no-repeat; background-size:auto 14px;}

.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a {display:block; text-indent:-999999px; text-align:center;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_media {background:#ff6633 url(/publisher/images/logo_brand_media.png) center no-repeat; background-size:auto 14px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_academy {background:#00cc99 url(/publisher/images/logo_brand_academy.png) center no-repeat; background-size:auto 14px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_life {background:#ffcc00 url(/publisher/images/logo_brand_life.png) center no-repeat; background-size:auto 14px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_biz {background:#53a4db url(/publisher/images/logo_brand_biz.png) center no-repeat; background-size:auto 14px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_realtime {background:#333641 url(/publisher/images/logo_brand_realtime.png) center no-repeat; background-size:auto 14px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_make {background:#e70012 url(/publisher/images/logo_brand_make.png) center no-repeat; background-size:auto 14px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_edu {background:#91d159 url(/publisher/images/logo_brand_edu.png) center no-repeat; background-size:auto 14px;}


@media all and (max-width:768px){
.tab_bg {position:absolute; bottom:0; left:0; width:100%; background:#111; z-index:100;}
.ui-tabs {position:relative;}

.ui-tabs .ui-tabs-nav li {width:25%;}

.ui-state-default .tab_media {background-size:63px 10px;}
.ui-state-default .tab_academy {background-size:71px 10px;}
.ui-state-default .tab_life {background-size:63px 10px;}
.ui-state-default .tab_biz {background-size:54px 10px;}
.ui-state-default .tab_realtime {background-size:57px 10px;}
.ui-state-default .tab_make {background-size:32px 10px;}
.ui-state-default .tab_edu {background-size:56px 10px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_media {background-size:63px 10px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_academy {background-size:71px 10px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_life {background-size:63px 10px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_biz {background-size:54px 10px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_realtime {background-size:57px 10px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_make {background-size:32px 10px;}
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.tab_edu {background-size:56px 10px;}
}
/* //브랜드소개 */




/* 연혁 */
.main_section_05 {position:absolute; top:300%; left:0; width:100%; background:#18aa9b; padding-bottom:100px; height:auto; overflow:hidden;}
.main_section_05 h2 {top:0; padding:0 0 40px; font-size:32px; color:#fff;}

.ms05_txt01 {position:relative; top:19%; left:0; width:960px; margin:133px auto 0;}
.ms05_bg_li {position:absolute; top:0; left:50%; width:1140px; height:25px; margin:-289px 0 0 -590px; background:url(/publisher/images/ms05_bg_line.png) no-repeat; z-index:0;}

#touchSlider-history {max-width:960px; width:100%; height:360px; margin:0 auto; position:relative; overflow:hidden; z-index:100;}
#touchSlider-history ul { width:99999px; height:360px; position:absolute; top:0; left:0; margin:0; overflow:hidden; }
#touchSlider-history ul li { float:left; width:480px; height:360px; padding:0 20px; font-size:14px; color:#fff; }
#touchSlider-history ul li dt {display:inline-block; padding:0 0 85px; background:url(/publisher/images/ms05_line_bl.png) center 64px no-repeat; font-family:'NanumGothicBold'; font-size:30px; color:#fff; line-height:130%;}
#touchSlider-history ul li dd {margin-bottom:12px; padding-left:10px; background:url(/publisher/images/bl_w.gif) no-repeat 0 10px; line-height:24px;}

.his_btn_area {position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:1000;}
.his_btn_area a {display:inline-block; width:70px; height:70px; margin:0 5px; background:#ef774d; -moz-border-radius:70px; -khtml-border-radius:70px; -webkit-border-radius:70px; border-radius:70px; font-size:14px; color:#fff; line-height:70px;}
.his_btn_area a:hover {background:#fff; color:#eb5520;}
.his_btn_area .btn_prev {}
.his_btn_area .btn_next {}
.history_details{width:800px; margin:0 auto;letter-spacing:-.5px; position:relative;}
.year{font-size:34px;font-weight: bold;width:10%;height:49px;position:relative;float:left;top:-7px;clear:both;}
.year_img{background:url(/publisher/images/history_list_line.png) no-repeat;height:49px;width:7%;position:relative;float:left;top:18px;z-index:99999;}
.year_list{font-size:15px;color:#fff;position:relative;float:right;right:31px;line-height:2.5em;border-bottom: 1px dotted #89fff3;width:641px;padding:10px 0 10px 28px;background-color:#1ab1a2;}
/*.year_list_bg{background-color:#fff;width:672px;height:2056px;opacity:0.1;float:right;top:-199px;position:absolute;right:80px;}*/

@media all and (max-width:1140px){
.ms05_bg_li {width:960px; height:25px; margin:-286px 0 0 -480px; background-size:100% auto;}
}

@media all and (max-width:920px){
.main_section_05 h2 {text-align:center; padding:35px 0 43px; font-size:32px; color:#fff;}
.ms05_txt01 {width:720px; margin:0 auto; top:11%;}

.history_details{width:579px; margin:0 auto;}
ul.history_detail_list > li{}
.year{font-size:34px; font-weight: bold; width:100%; height:49px; top:-6px;}
.year_img{display:none;}
.year_list{font-size:15px; color:#fff; width:100%; position:relative; float:left; left:0; line-height:2.5em; border-bottom:1px dotted #e0c7c1; padding:10px 0; background-color:#1ab1a2;}
.year_list_bg{display: none;}
}

@media all and (max-width:770px){
.main_section_05 {position:static;}
}


@media all and (max-width:680px){
.ms05_txt01 {width:612px;}
.history_details{width:420px; margin:0 auto;}
.year{font-size:34px;font-weight: bold;width:100%;height:49px;top:-11px;}
.year_img{display:none;}
.year_list{font-size:15px;color:#fff;width:100%;position:relative;float:left;left:0;line-height:2.5em;border-bottom: 1px dotted #e0c7c1;padding:10px; background-color:#1ab1a2;}
.year_list_bg{display: none;}
}

@media all and (max-width:580px){
.ms05_txt01 {width:420px;}
}

@media all and (min-width:769px) and (max-height:640px){
.main_section_05 h2 {padding:0 0 20px; margin:-240px 0 0 -462px; font-size:24px;}

.ms05_txt01 {margin:-140px 0 0 -480px;}
.ms05_bg_li {margin:-117px 0 0 -590px;}

.his_btn_area {position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:1000;}
.his_btn_area a {display:inline-block; width:70px; height:70px; margin:0 5px; background:#ef774d; -moz-border-radius:70px; -khtml-border-radius:70px; -webkit-border-radius:70px; border-radius:70px; font-size:14px; color:#fff; line-height:70px;}
.his_btn_area a:hover {background:#fff; color:#eb5520;}
.his_btn_area .btn_prev {}
.his_btn_area .btn_next {}
}
/* //연혁 */




/* foot */
#footer_main {position:fixed; bottom:0; left:0; width:100%; height:40px; background:#111; font-size:12px; color:#fff; text-align:center; line-height:40px; z-index:99999999999999999999999;}
#footer_sub {position:fixed; bottom:0; left:0; width:100%; height:40px; background:#111; font-size:12px; color:#fff; text-align:center; line-height:40px;  z-index:99999999999999999999999;}
/* //foot */


/*********************  //Contents - about  *********************/














/*********************  Contents  - write  *********************/
@media all and (max-width:1670px){
.menu_area ul li a {font-size:13px;}
.menu_area ul li {margin-left:20px;}
}

@media all and (max-width:990px){
.menu_area ul li a {font-size:12px;}
.menu_area ul li {margin-left:20px;}
}

@media all and (max-width:920px){
.write_wrap {height:auto !important;} 
}

.write_section_01 {overflow:hidden; width:100%; background:#00afa0;}
.write_section_01 .section_01_wrap {width:100%; max-width:1160px; margin:120px auto 0;}
.write_section_01 .sec_l {position:relative; float:left; width:50%; padding:50% 30px 0 70px; background:url(/publisher/images/bg_write_01_.png) no-repeat left 250px; background-size:100% auto;}
.write_section_01 .sec_l p {position:absolute; top:6px; left:66px; font-size:32px; font-family:'NanumGothicBold'; color:#FFF; line-height:42px;}
.write_section_01 .sec_r {float:left; width:50%; padding:0 70px 0 30px;}
.write_section_01 .sec_r dt {font-size:20px; font-family:'NanumGothicBold'; color:#fffe8e;}
.write_section_01 .sec_r dd {margin-bottom:60px; color:#fff; line-height:26px; text-align:justify;}

@media all and (max-width:920px){
.write_section_01 .section_01_wrap {width:100%; max-width:inherit; margin:100px auto 0;}
.write_section_01 .sec_l {position:relative; float:none; width:100%; height:380px; padding:0 30px; background:url(/publisher/images/bg_write_01_.png) no-repeat center 120px; background-size:60% auto;}
.write_section_01 .sec_l p {position:relative; top:0; left:0; font-size:32px; font-family:'NanumGothicBold'; color:#FFF; line-height:42px; text-align:center; transition:all 0.1s ease;}
.write_section_01 .sec_r {float:none; width:100%; padding:0 50px; transition:all 0.1s ease;}
.write_section_01 .sec_r dt {padding-bottom:10px; font-size:20px; font-family:'NanumGothicBold'; color:#fffe8e; line-height:160%;}
.write_section_01 .sec_r dd {margin-bottom:60px; color:#fff; line-height:26px;}
}

@media all and (max-width:840px){
.menu_area ul li a {font-size:11px;}
.menu_area ul li {margin-left:16px;}
}

@media all and (max-width:800px){
.menu_area ul li a {font-size:10px;}
.menu_area ul li {margin-left:16px;}
}

@media all and (max-width:480px){
.write_section_01 .sec_l {height:280px; padding:0 20px; background:url(/publisher/images/bg_write_01_.png) no-repeat center 120px; background-size:60% auto;}
.write_section_01 .sec_l p {font-size:26px; line-height:140%;}
.write_section_01 .sec_r {padding:0 30px;}
.write_section_01 .sec_r dt {font-size:16px;}
.write_section_01 .sec_r dd {margin-bottom:60px; font-size:13px; color:#fff; line-height:160%;}
}

@media all and (max-width:320px){
.write_section_01 .sec_l {height:240px; padding:0 15px; background:url(/publisher/images/bg_write_01_.png) no-repeat center 90px; background-size:80% auto;}
.write_section_01 .sec_l p {font-size:20px;}
.write_section_01 .sec_r {padding:0 20px;}
.write_section_01 .sec_r dt {font-size:15px; line-height:150%;}
.write_section_01 .sec_r dd {margin-bottom:40px; font-size:12px;}
}


/*  write_section_01 수정 */
.write_section_01_ {overflow:hidden; width:100%; /*height:820px;*/ height:100%; min-height:680px; background:url(/publisher/images/bg_write_01.jpg) no-repeat center bottom; position:absolute; top:0px; left:0; background-size:cover;}
.write_section_01_ .section_01_wrap {width:100%;/*height:820px;*/ height:100%; background:url(/publisher/images/patt1.png) repeat; position:absolute;}
.write_section_01_ .section_01_wrap .con_box {width:1080px; margin:0 auto; position:absolute; left:50%; top:60%; margin-left:-540px; margin-top:-240px; opacity:0;}

.write_section_01_ .sec_l {float:left; width:50%; height:480px; padding-top:90px; background: url(/publisher/images/bg_write_01_p01.png) repeat;}
.write_section_01_ .sec_l p {color:#FFF; font-size:44px; font-family:'NanumSquareNeo-Variable'; line-height:140%; text-align:center; position:relative; top:50px; opacity:0;}
.write_section_01_ .sec_r {float:left; width:50%; height:480px; padding:33px 35px 0; background: url(/publisher/images/bg_write_01_p02.png) repeat;}
.write_section_01_ .sec_r p {letter-spacing:-0.01em;}
.write_section_01_ .sec_r p.txt1 {margin-bottom:10px; color:#FFF; font-size:18px; font-family:'NanumSquareNeo-Variable'; line-height:140%; position:relative; top:50px; opacity:0;}
.write_section_01_ .sec_r p.txt2 {margin-bottom:20px; color:#FFF; font-size:16px; line-height:130%; position:relative; top:50px; opacity:0;}
.write_section_01_ .sec_r p.txt3 {color:#eb5520; font-size:18px; font-family:'NanumSquareNeo-Variable'; line-height:140%; position:relative; top:50px; opacity:0;}

@media all and (max-width:1080px){
.write_section_01_ .section_01_wrap .con_box {width:920px; height:426px; margin-left:-460px; margin-top:-213px;}
.write_section_01_ .con_box p {font-size:38px; line-height:56px;}
.write_section_01_ .sec_l {width:460px; height:426px; padding-top:70px;}
.write_section_01_ .sec_r {width:460px; height:426px; padding:30px 25px 0;}
.write_section_01_ .sec_r p.txt1 {font-size:16px;}
.write_section_01_ .sec_r p.txt2 {font-size:14px;}
.write_section_01_ .sec_r p.txt3 {font-size:16px;}
}
@media all and (max-width:920px){
.write_section_01_ {position:relative;}
.write_section_01_ .section_01_wrap .con_box {width:460px; margin-left:-230px; margin-top:-213px;}
.write_section_01_ .sec_l {clear:both; width:460px; height:426px;}
.write_section_01_ .sec_r {display:none;}
}
@media all and (max-width:768px){
.write_section_01_ {position:relative;}
}
@media all and (max-width:600px){
.write_section_01_ .section_01_wrap .con_box {width:400px; height:370px; margin-left:-200px; margin-top:-165px;}
.write_section_01_ .sec_l {clear:both; width:400px; height:370px; padding-top:45px;}
}
@media all and (max-width:480px){
.write_section_01_ {min-height:560px;}
.write_section_01_ .section_01_wrap .con_box {width:280px; height:260px; margin-left:-140px; margin-top:-130px;}
.write_section_01_ .sec_l {width:280px; height:260px; padding-top:25px;}
.write_section_01_ .sec_l p {font-size:24px; line-height:40px;}
}
@media all and (max-width:320px){
.write_section_01_ {min-height:480px;}
.write_section_01_ .section_01_wrap .con_box {width:250px; height:232px; margin-left:-125px; margin-top:-116px;}
.write_section_01_ .sec_l {width:250px; height:232px; padding-top:35px;}
.write_section_01_ .sec_l p {font-size:20px; line-height:32px;}
}
/* // write_section_01 수정 //*/

.write_sec02 {position:absolute; width:100%; top:100%; left:0}
.write_section_02 {overflow:hidden; width:100%; max-width:1160px; margin:100px auto; padding:0 30px;}
.write_section_02 h2 {display:block; padding:0 0 15px 30px; font-size:32px; font-family:'NanumSquareNeo-Variable'; color:#00afa0; border-bottom:#ccc 1px solid; line-height:140%;}
.write_section_02 .sec_r {width:760px; margin:60px auto 0;}
.write_section_02 .btn_area {width:250px; margin:40px auto;}
.write_section_02 .btn_area a {display:inline-block; width:250px; padding:9px 0; background:#00afa0; color:#fff; font-size:18px; font-family:'NanumSquareNeo-Variable'; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s; text-align:center;}
.write_section_02 .btn_area a:hover {background:#00837a;}
.write_section_02 .info_txt {}
.write_section_02 .info_txt li {padding-bottom:10px; font-size:16px; line-height:160%;}
.write_section_02 .info_txt li a {color:#eb5520;}
.write_section_02 .info_txt li a:hover {text-decoration:underline;}

@media all and (max-width:920px){
.write_section_02 {max-width:inherit; padding:0 30px;}
.write_section_02 h2 {padding:0 0 15px 20px;}
.write_section_02 .sec_r {width:400px; margin:60px auto 0;}
}

@media all and (max-width:414px){
.write_section_02 {margin:60px auto;}
.write_section_02 h2 {padding:0 0 10px 0; font-size:26px;}
.write_section_02 .sec_r {width:354px; margin:30px auto 0;}
.write_section_02 .info_txt li {font-size:14px;}
}

@media all and (max-width:375px){
.write_section_02 {margin:50px auto; padding:0 20px;}
.write_section_02 h2 {font-size:20px;}
.write_section_02 .sec_r {width:280px;}
.write_section_02 .info_txt li {font-size:13px;}
}

@media all and (max-width:320px){
.write_section_02 .info_txt li {font-size:12px;}
}

.write_form legend {display:none;}
.write_form .register_essential {clear:both; padding:25px 0 0 0; vertical-align:middle; border-top:1px solid #f3f3f3;}
.write_form .register_essential label strong {top:-8px; left:18px; font-family:'NanumSquareNeo-Variable'; font-weight:normal;}
.write_form .register_essential label span {font-size:12px; color:#777;}

.write_form .register_li {margin-bottom:20px; vertical-align:middle;}
.write_form .register_li .no_input {display:inline-block; margin-right:60px;}
.write_form .register_li .i_tit {clear:both; float:left; display:block; width:228px; font-family:'NanumSquareNeo-Variable'; font-weight:normal; font-size:16px; color:#222;}
.write_form .register_li .i_tit span {color:#f2613b; margin-left:3px;}
.write_form .register_li .i_con {line-height:160%;}
.write_form .register_li .i_con label {vertical-align:top;}
.write_form .register_li .i_con .ra_label {margin:0 20px 0 0;}
.write_form .register_li .i_con .ra_label span {display:inline-block; margin:6px 0 0 5px; font-size:14px;}
.write_form .register_li .i_label {position:relative; margin-bottom:14px; font-weight:normal; font-size:14px; color:#bbb;}
.write_form .register_li .i_text {width:306px; height:40px; padding-left:18px; border:1px solid #aaa; font-size:16px; color:#222;}
.write_form .register_li .i_text2 {width:140px; height:40px; padding-left:18px; border:1px solid #aaa; font-size:16px; color:#222;}
.write_form .register_li .i_text3 {width:100px; height:40px; padding-left:18px; border:1px solid #aaa; font-size:16px; color:#222;}
.write_form .register_li .i_text4 {width:530px; height:40px; padding-left:18px; border:1px solid #aaa; font-size:16px; color:#222;}
.write_form .register_li .i_select {min-width:200px; height:40px; border:1px solid #aaa; font-size:14px; color:#444; padding:0 0 0 10px;}
.write_form .register_li .i_select2 {min-width:200px; height:40px; border:1px solid #aaa; font-size:14px; color:#444; padding:0 0 0 10px;}
.write_form .register_li .i_textarea {width:530px; height:160px; padding:20px; border:1px solid #aaa; font-size:16px;}
.write_form .register_li .i_button {width:150px; height:40px; margin-left:5px; padding-right:20px; border:1px solid #333; background:#333 url(/publisher/images/ico_down.png) no-repeat 114px 11px; font-family:'NanumSquareNeo-Variable'; font-size:14px; color:#fff; text-align:center; cursor:pointer;}
.write_form .register_li .i_file {width:320px; height:40px;}
.write_form .register_li .i_radio {width:16px; height:16px; vertical-align:text-bottom;}

.write_form .service_prov_txt {clear:both; overflow-y:scroll; height:180px; padding:20px; margin:0 0 35px; border:1px solid #aaa; font-size:13px; color:#555; text-align:left;}
.write_form .service_prov_txt strong {color:#222;}

@media all and (max-width:920px){
.write_form .register_li .i_tit {float:none; display:block; width:inherit;}
.write_form .register_li .i_text {width:100%;}
.write_form .register_li .i_text2 {width:130px;}
.write_form .register_li .i_text3 {width:124px;}
.write_form .register_li .i_text4 {width:100%;}
.write_form .register_li .i_select {min-width:inherit;}
.write_form .register_li .i_select2 {width:100%;}
.write_form .register_li .i_textarea {width:100%; font-size:13px;}
.write_form .register_li .i_button {width:100%; margin:0; padding:0; background:#333 url(/publisher/images/ico_down.png) no-repeat 70% 11px;}
.write_form .register_li .i_file {width:100%; height:40px;}
.write_form .register_li .i_radio {width:16px; height:16px; vertical-align:text-bottom;}
.write_form .service_prov_txt {margin-top:10px;}
}

@media all and (max-width:414px){
.write_form .register_li .i_text2 {width:110px;}
.write_form .register_li .i_text3 {width:109px;}
.write_form .register_li .i_text4 {width:100%;}
.write_form .register_li .i_select {min-width:inherit;}
.write_form .register_li .i_select2 {width:100%;}
.write_form .register_li .i_textarea {width:100%; font-size:13px;}
.write_form .register_li .i_button {width:100%; margin:0; padding:0; background:#333 url(/publisher/images/ico_down.png) no-repeat 70% 11px;}
.write_form .register_li .i_file {width:100%; height:40px;}
.write_form .register_li .i_radio {width:16px; height:16px; vertical-align:text-bottom;}
}

@media all and (max-width:375px){
.write_form .register_li .i_tit {font-size:14px;}
.write_form .register_li .i_con .ra_label span {font-size:13px;}
.write_form .register_li .i_label {font-size:13px;}
.write_form .register_li .i_text2 {width:74px; font-size:13px;}
.write_form .register_li .i_text3 {width:84px; font-size:13px;}
.write_form .register_li .i_text4 {width:100%; font-size:13px;}
.write_form .register_li .i_select {min-width:inherit; font-size:13px;}
.write_form .register_li .i_select2 {width:100%; font-size:13px;}
.write_form .register_li .i_textarea {width:100%; font-size:13px;}
.write_form .register_li .i_button {width:100%; margin:0; padding:0; background:#333 url(/publisher/images/ico_down.png) no-repeat 70% 11px; font-size:13px;}
.write_form .register_li .i_file {width:100%; height:40px; font-size:13px;}
.write_form .register_li .i_radio {width:16px; height:16px; vertical-align:text-bottom; font-size:13px;}
}







/*
.write_section_03 {overflow:hidden; width:100%; padding:100px 0; background:url(/publisher/images/bg_write_02.gif) repeat;}
.write_section_03 .section_03_wrap {width:1160px; margin:0 auto;}
.write_section_03 .sec_l {float:left; width:580px; padding:0 0 0 80px;}
.write_section_03 h2 {display:inline-block; margin-bottom:30px; font-size:32px; font-family:'NanumGothicBold'; color:#00afa0; border-bottom:#00afa0 3px solid; line-height:36px;}
.write_section_03 .sec_l ul {}
.write_section_03 .sec_l li {padding-left:10px; background:url(/publisher/images/bl_w.gif) no-repeat 0 17px; color:#fff; line-height:38px;}

.write_section_03 .sec_r {float:left; width:580px;}
.write_section_03 .sec_r ul {width:440px;}
.write_section_03 .sec_r li {float:left; width:145px; padding-left:10px; background:url(/publisher/images/bl_w.gif) no-repeat 0 17px; color:#fff; line-height:38px;}
*/
/*********************  //Contents  - write  *********************/








/*********************  Contents  - career  *********************/
@media all and (max-width:920px){
.career_wrap {height:auto !important;} 
}

.career_section_01 {width:100%; max-width:1160px; margin:0 auto; padding:0 0 100px; text-align:center; background:url(/publisher/images/bg_career_01.png) no-repeat center 48px; background-size:80% auto;}
.career_section_01 h2 {margin-bottom:10px; padding-top:48%; font-size:32px; font-family:'NanumSquareNeo-Variable'; line-height:140%;}
.career_section_01 h2 span {font-family:'NanumSquareNeo-Variable'; color:#eb5520;}
.career_section_01 p {font-size:26px; color:#555; line-height:38px;}

@media all and (max-width:920px){
.career_section_01 {padding:0 0 80px;}
.career_section_01 h2 {font-size:28px;}
}

@media all and (max-width:768px){
.career_section_01 {background:url(/publisher/images/bg_career_01.png) no-repeat center 48px; background-size:100% auto;}
.career_section_01 h2 {margin:0 40px 0; padding-top:60%; font-size:24px;}
}

@media all and (max-width:480px){
.career_section_01 {padding:0 0 60px;}
.career_section_01 h2 {padding-top:65%; font-size:20px;}
}



/*  career_section_01 인재상 수정 */
.career_sec01 {overflow:hidden;}
.career_section_01_ {overflow:hidden; width:100%; height: 884px; background:url(/publisher/images/rs__bg1.jpg) center no-repeat; background-size:cover;}
.career_section_01_ .section_01_wrap_ {width:100%; height:100%;}
.career_section_01_ .con_box {width:520px; height:480px; margin:0 auto; padding-top:105px; background:url(/publisher/images/bg_career_01_p01.png) repeat; position:absolute; left:50%; top:60%; margin-left:-260px; margin-top:-240px; opacity:0;}
.career_section_01_ .con_box p {color:#FFF; font-family:'NanumSquareNeo-Variable'; font-size:44px; line-height:66px; text-align:center; letter-spacing:-0.05em; position:relative; top:50px; opacity:0;}
.car_main_bg {background:url(/publisher/images/career_main.png) no-repeat; width:100%; height:100%; background-size:1077px 647px; background-position:center center;}
.car_main_bg .car_title_tex_bg {width: 1077px; height: 884px; margin: 0 auto; display: flex; align-items: center; flex-direction: row; justify-content: space-between;}
.car_main_bg .car_main_tex_bg {display: flex; flex-direction: column;}
.car_main_tex {display: flex; margin: 57px 0;}
.car_main_tex h3 {font-size:26px; font-family:'NanumSquareNeo-Variable'; color:#46d4c8; width: 187px; display: flex; align-items: center;}
.car_main_ul{width: 417px; padding-right: 30px;}
.car_main_ul > li {font-family:'NanumSquareNeo-Variable'; float:left; color:#eb5520; font-size:15px; padding-right:11px;}
.car_main_ul > li.car_main_fstyle {font-style:oblique; text-decoration:underline;}
.car_main_s {font-size:16px; font-family:'NanumSquareNeo-Variable'; color:#fff; width:357px; line-height: 26px; display: inline-block;}

.car_title_tex {width:320px;}
.car_title_tex h1 {font-size:42px; color:#fff; font-family:'NanumSquareNeo-Variable'; text-align: center;}


@media all and (max-width:1200px){
.car_title_tex {width: 265px;}
.career_section_01_ .con_box {width:460px; height:426px; padding-top:95px; margin-left:-230px; margin-top:-213px;}
.career_section_01_ .con_box p {font-size:38px; line-height:56px;}
}


@media all and (max-width:970px){
     .career_section_01_ {height: 675px;}
     .car_main_bg {background:none;}
     .car_main_bg .car_title_tex_bg {flex-direction: column; justify-content: center; width: auto; height: 100%;}
     .car_title_tex {top:0; left:0; position:initial;}
     .car_main_tex {background-color:#073e3b; height:auto; border-radius:82px; width:549px; margin: 15px 0;}
     .car_main_tex h3 {height:auto; width:191px; text-align:left; color:#46d4c8; padding-left:43px; font-size: 20px;}
     .car_main_ul {margin: 10px 13px 10px 13px;}
     .car_main_s {font-size: 13px; width: auto;}
     .car_main_ul > li {font-size: 12px;}
}


@media all and (max-width:620px){
.car_main_tex {width:460px; height:108px; border-top:none;}
.car_main_tex h3 {width:133px; text-align:left; padding-left:28px;}
.car_main_tex h3 {font-size:16px;}
.car_main_ul li {font-size:12px; padding-right: 0;}
.car_main_s {font-size: 12px;}
.car_main_ul {        margin: 10px 0 10px 25px;}
}

@media all and (max-width:490px){
.career_section_01_ {height:609px;}
.career_section_01_ .con_box {width:280px; height:260px; padding-top:45px; margin-left:-140px; margin-top:-130px;}
.career_section_01_ .con_box p {font-size:24px; line-height:42px;}
.car_main_tex {width:418px; height: auto; border-radius:60px; flex-direction: column; align-items: center;}
.car_main_tex h3 {font-size:17px; text-align: center; padding: 0; width: auto;}
.car_main_ul {margin: 0 auto; width: auto; text-align: center; padding-right: 0; padding: 0 59px;}
.car_main_ul li {font-size:12px; float: none;}
.car_main_s1 {margin-left:128px; font-size:12px;}
.car_title_tex h1 {font-size: 32px;}
.car_main_ul > li.car_main_fstyle {float: initial; display: inline-flex;}
}

@media all and (max-width:450px){
     .career_section_01_ {height:550px;}
     .car_title_tex h1 {font-size: 28px;}
     .car_main_tex h3 {font-size: 15px; padding: 5px 0 0 0;}
     .car_main_tex {width: 293px;}
     .car_main_ul {padding: 0 26px 10px;}
     .car_main_ul li {font-size: 11px;}
     .car_main_s {font-size: 10px; line-height: 18px;}
}

@media all and (max-width:350px){

}
/*  //career_section_01 수정 */


.career_section_wrap{width:100%;}
.career_section_02 {overflow:hidden; width:100%; padding:150px 0; background:#fff;}
.career_section_02 .section_02_wrap {max-width:1160px; margin:0 auto;}
.car_detail_bg {background:url(/publisher/images/career_detail_ic.png) no-repeat; width:100%; height:100%; background-size: cover; height:1500px; width:435px; margin:0 auto;}
.car_detail_tex {width:692px; margin:0 auto; position:relative; left:90px; top:55px;}
.car_detail_tex li {float:left;}
.car_detail_tex img {width:80%;}
.car_detail_tex li span {display:block; width:413px; font-family:'NanumSquareNeo-Variable';}
.car_t_bo {font-size:22px; font-weight:900;}
.car_t_de {font-size:16px; line-height:28px;}
.car_detail_tex_right {width:692px; margin:0 auto; position:relative; top:155px; right:270px;}
.car_detail_tex_right li {float:right;}
.car_detail_tex_right img {width:80%;}
.car_detail_tex_right li span {display:block; width:369px; font-family:'NanumSquareNeo-Variable'; text-align:right; position:relative; right:35px; top:-43px;}
.car_detail_tex01 {width:692px; margin:0 auto; position:relative; left:90px; top:206px;}
.car_detail_tex01 li {float:left;}
.car_detail_tex01 img {width:80%;}
.car_detail_tex01 li span {display:block; width:413px; font-family:'NanumSquareNeo-Variable';}
.car_detail_tex_right01 {width:692px; margin:0 auto; position:relative; top:280px; right:270px;}
.car_detail_tex_right01 li {float:right;}
.car_detail_tex_right01 img {width:80%;}
.car_detail_tex_right01 li span {display:block; width:395px; font-family:'NanumSquareNeo-Variable'; text-align:right; position:relative; right:35px; top:-12px;}
.car_detail_tex02 {width:692px; margin:0 auto; position:relative; left:90px; top:359px;}
.car_detail_tex02 li {float:left;}
.car_detail_tex02 img {width:80%;}
.car_detail_tex02 li span {display:block; width:413px; font-family:'NanumSquareNeo-Variable'; position:relative; top:-12px;}
.car_detail_tex_right02 {width:692px; margin:0 auto; position:relative; top:432px; right:270px;}
.car_detail_tex_right02 li {float:right;}
.car_detail_tex_right02 img {width:80%;}
.car_detail_tex_right02 li span {display:block; width:444px; font-family:'NanumSquareNeo-Variable'; text-align:right; position:relative; right:35px; top:-21px;}
.car_detail_tex03 {width:692px; margin:0 auto; position:relative; left:90px; top:485px;}
.car_detail_tex03 li {float:left;}
.car_detail_tex03 img {width:80%;}
.car_detail_tex03 li span {display:block; width:413px; font-family:'NanumSquareNeo-Variable';}

@media all and (max-width:1200px){
.career_section_02{padding:0 0 150px 0;}
.career_section_wrap{width:100%;}
}

@media all and (max-width:970px){
.car_detail_bg {height:1127px; width:328px; margin-top:-19px;}
.car_detail_tex {left:64px; top:42px;}
.car_detail_tex img {width:60%;}
.car_t_bo {font-size:20px;}
.car_detail_tex li span {width:373px; position:relative; left:-49px; top:4px;}
.car_detail_tex_right {top:109px; right:328px;}
.car_detail_tex_right img {width:60%;}
.car_detail_tex_right li span {right:23px; top:-25px;}
.car_detail_tex01 {left:66px; top:146px;}
.car_detail_tex01 img {width:60%;}
.car_detail_tex01 li span {position:relative; left:-49px; top:4px; width:381px;}
.car_detail_tex_right01 {top:214px; right:330px;}
.car_detail_tex_right01 img {width:60%;}
.car_detail_tex_right01 li span {right:22px; top:-25px;}
.car_detail_tex02 {left:66px; top:251px;}
.car_detail_tex02 img {width:60%;}
.car_detail_tex02 li span {position:relative; left:-49px; top:4px;}
.car_detail_tex_right02 {top:316px; right:333px;}
.car_detail_tex_right02 img {width:60%;}
.car_detail_tex_right02 li span {width:435px; right:24px; top:-37px; letter-spacing:-0.5px;}
.car_detail_tex03 {left:66px; top:330px;}
.car_detail_tex03 img {width:60%;}
.car_detail_tex03 li span {position:relative; left:-49px; top:-3px;}
.car_t_de {font-size:15px; line-height:23px;}
.career_section_02{padding:10px 0 150px 0;}
}

@media all and (max-width:920px){
.career_wrap {min-height:0;}
.career_section_02 {padding:120px 30px;}
.career_section_02 .sec_l {height:400px;}
.career_section_02 .sec_r {float:left; width:50%; margin-top:10px;}
.career_section_02 .sec_r dd {margin-bottom:30px;}
.car_detail_bg {height:916px; width:270px;}
.car_detail_tex img {width:50%;}
.car_detail_tex_right img {width:50%;}
.car_detail_tex {left:51px; top:33px;}
.car_detail_tex_right {top:75px; right:361px; width:686px;}
.car_t_bo {font-size:17px;}
.car_detail_tex li span {width:328px; left:-68px; top:2px;}
.car_detail_tex_right li span {top:-16px;}
.car_detail_tex01 img {width:50%;}
.car_detail_tex01_right img {width:50%;}
.car_detail_tex01 {left:51px; top:103px;}
.car_detail_tex01 li span {left:-67px; top:3px; width:348px;}
.car_detail_tex_right01 {top:145px; right:366px;}
.car_detail_tex_right01 img {width:50%;}
.car_detail_tex_right01 li span {top:-19px;}
.car_detail_tex02 {left:53px; top:171px;}
.car_detail_tex02 img {width:50%;}
.car_detail_tex02 li span {left:-67px; top:0px; width:343px;}
.car_detail_tex_right02 img {width:50%;}
.car_detail_tex_right02 {top:215px; right:369px;}
.car_detail_tex_right02 li span {width:352px; top:-27px; line-height:19px; padding-top:11px;}
.car_detail_tex03 img {width:50%;}
.car_detail_tex03 {left:52px; top:227px;}
.car_detail_tex03 li span {width:343px; left:-65px; top:-12px;}
.car_t_de {font-size:12px;}
.car_detail_tex_right01 li span {width:342px;}
.car_detail_tex_right li span {width:342px;}
}

@media all and (max-width:780px){
.career_section_02 {padding:80px 30px;}
.career_section_02 .sec_l {background:none;}
.career_section_02 .sec_l h2 {font-size:28px; line-height:140%;}
.career_section_02 .sec_l {float:none; width:100%; height:inherit; padding:0;}
.career_section_02 .sec_r {float:none; width:100%; margin-top:30px;}
.career_section_02 .sec_r dt {font-size:18px;}
.career_section_02 .sec_r dd {margin-bottom:30px; font-size:14px; line-height:160%;}
.car_t_bo {font-size:17px;}
.car_t_de {font-size:11px; line-height:19px;}
.car_detail_tex li span {width:296px; left:-68px; top:6px;}
.car_detail_tex_right {top:123px;}
.car_detail_tex_right li span {width:318px; top:-35px;}
.car_detail_tex03 {top:389px;}
.car_detail_tex03 li span {top:-65px; width:302px;}
.car_detail_tex01 {top:176px;}
.car_detail_tex01 li span {top:-35px; width:336px;}
.car_detail_tex_right01 {top:187px;}
.car_detail_tex_right01 li span {width:320px; top:4px;}
.car_detail_tex02 {top:276px;}
.car_detail_tex02 li span {left:-67px; top:-33px; width:308px;}
.car_detail_tex_right02 {top:328px;}
.car_detail_tex_right02 li span {top:-42px; width:302px; line-height:17px;}
}

@media all and (max-width:740px){
.car_detail_tex img {display:none;}
.car_detail_tex_right img{display:none;}
.car_detail_tex01 img {display:none;}
.car_detail_tex_right01 img{display:none;}
.car_detail_tex02 img {display:none;}
.car_detail_tex_right02 img{display:none;}
.car_detail_tex03 img {display:none;}
.car_detail_tex {width:463px; position:initial; border-top:2px solid #e1d6d4;}
.car_detail_tex01 {width:463px; position:initial; border-top:2px solid #ffa0ac;}
.car_detail_tex02 {width:463px; position:initial; border-top:2px solid #aa4465;}
.car_detail_tex03 {width:463px; position:initial; border-top:2px solid #00afa0;}
.car_detail_tex li {position:initial; float:none;}
.car_detail_tex01 li {position:initial; float:none;}
.car_detail_tex02 li {position:initial; float:none;}
.car_detail_tex03 li {position:initial; float:none;}
.car_detail_tex li span {position:initial; left:0; top:0; width:446px;}
.car_detail_tex01 li span {position:initial; left:0; top:0; width:446px;}
.car_detail_tex02 li span {position:initial; left:0; top:0; width:446px;}
.car_detail_tex03 li span {position:initial; left:0; top:0; width:446px;}
.car_detail_tex_right {position:initial; width:463px; border-top:2px solid #ddad3e;}
.car_detail_tex_right01 {position:initial; width:463px; border-top:2px solid #b0d0d3;}
.car_detail_tex_right02 {position:initial; width:463px; border-top:2px solid #333641;}
.car_detail_tex_right li {float:none;}
.car_detail_tex_right01 li {float:none;}
.car_detail_tex_right02 li {float:none;}
.car_detail_tex_right li span {text-align:left; position:initial; width:446px;}
.car_detail_tex_right01 li span {text-align:left; position:initial; width:446px;}
.car_detail_tex_right02 li span {text-align:left; position:initial; width:446px;}
.mode {position:initial;}
.car_detail_bg ul {margin:23px 0; padding:14px 0 0 18px;}
.car_detail_bg {width:max-content; height:800px; margin-top:-7px; background:none;}
.car_t_de {font-size:13px;}
}

@media all and (max-width:530px){
.car_detail_tex {width:420px; position:initial; border-top:2px solid #e1d6d4;}
.car_detail_tex01 {width:420px; position:initial; border-top:2px solid #ffa0ac;}
.car_detail_tex02 {width:420px; position:initial; border-top:2px solid #aa4465;}
.car_detail_tex03 {width:420px; position:initial; border-top:2px solid #00afa0;}
.car_detail_tex_right {position:initial; width:420px; border-top:2px solid #ddad3e;}
.car_detail_tex_right01 {position:initial; width:420px; border-top:2px solid #b0d0d3;}
.car_detail_tex_right02 {position:initial; width:420px; border-top:2px solid #333641;}
.car_detail_tex li span {position:initial; left:0; top:0; width:384px;}
.car_detail_tex01 li span {position:initial; left:0; top:0; width:384px;}
.car_detail_tex02 li span {position:initial; left:0; top:0; width:384px;}
.car_detail_tex03 li span {position:initial; left:0; top:0; width:384px;}
.car_detail_tex_right li span {text-align:left; position:initial; width:384px;}
.car_detail_tex_right01 li span {text-align:left; position:initial; width:384px;}
.car_detail_tex_right02 li span {text-align:left; position:initial; width:384px;}
.career_section_02 {padding:50px 30px;}
.career_section_02 .sec_l h2 {font-size:24px; line-height:140%;}
.career_section_02 .sec_r dt {font-size:16px;}
.career_section_02 .sec_r dd {margin-bottom:30px; font-size:13px;}
}

@media all and (max-width:430px){
.car_detail_bg {width:318px;}
.car_detail_tex {width:318px;}
.car_detail_tex01 {width:318px;}
.car_detail_tex02 {width:318px;}
.car_detail_tex03 {width:318px;}
.car_detail_tex_right {width:318px;}
.car_detail_tex_right01 {width:318px;}
.car_detail_tex_right02 {width:318px;}
.car_detail_tex li span {width:277px;}
.car_detail_tex01 li span {width:277px;}
.car_detail_tex02 li span {width:277px;}
.car_detail_tex03 li span {width:277px;}
.car_detail_tex_right li span {width:277px;}
.car_detail_tex_right01 li span {width:277px;}
.car_detail_tex_right02 li span {width:277px;}
.car_t_de {font-size:12px;}
.career_section_02 {min-height:1060px;}
}

@media all and (max-width:370px){
.car_detail_bg {width:250px; height:880px;}
.car_detail_tex {width:250px;}
.car_detail_tex01 {width:250px;}
.car_detail_tex02 {width:250px;}
.car_detail_tex03 {width:250px;}
.car_detail_tex_right {width:250px;}
.car_detail_tex_right01 {width:250px;}
.car_detail_tex_right02 {width:250px;}
.car_detail_tex li span {width:215px;}
.car_detail_tex01 li span {width:215px;}
.car_detail_tex02 li span {width:215px;}
.car_detail_tex03 li span {width:215px;}
.car_detail_tex_right li span {width:215px;}
.car_detail_tex_right01 li span {width:215px;}
.car_detail_tex_right02 li span {width:215px;}
}

.career_section_03 {overflow:hidden; width:100%; padding:90px 0 100px; background:#f7f7f7;}
.career_section_03 .section_03_wrap {max-width:1160px; margin:0 auto;}
.career_section_03 .sec_l {float:left; width:50%;}
.career_section_03 .sec_l h2 {padding:0 0 0 80px; font-size:32px; font-family:'NanumSquareNeo-Variable'; color:#eb5520; line-height:54px;}
.career_section_03 .sec_r {float:left; width:50%;}
.career_section_03 .sec_r li {padding-left:15px; background:url(/publisher/images/bl_b2.png) no-repeat 0 17px; font-size:16px; line-height:38px;}

@media all and (max-width:768px){
.career_section_03 {padding:80px 30px;}
.career_section_03 .sec_l {float:none; width:100%;}
.career_section_03 .sec_l h2 {padding:0 0 30px; font-size:28px; line-height:140%;}
.career_section_03 .sec_r {float:none; width:100%;}
}

@media all and (max-width:480px){
.career_section_03 {padding:50px 30px 30px;}
.career_section_03 .sec_l h2 {font-size:24px;}
.career_section_03 .sec_r li {padding:0 0 10px 10px; background:url(/publisher/images/bl_b2.png) no-repeat 0 10px; font-size:13px; line-height:160%;}
}

@media all and (max-width:320px){
.career_section_03 {padding:50px 10px 30px;}
.career_section_03 .sec_l h2 {font-size:20px;}
}



.career_section_04 {overflow:hidden; max-width:1160px; margin:0 auto; padding:90px 0 110px;}
.career_section_04 h2 {margin-bottom:60px; padding-left:80px; font-size:32px; font-family:'NanumSquareNeo-Variable'; color:#eb5520;}
.career_section_04 dl.sec_l {float:left; width:50%; padding:0 40px 0 80px;}
.career_section_04 dl.sec_r {float:left; width:50%; padding:0 80px 0 40px;}
.career_section_04 dt {font-size:22px; font-family:'NanumSquareNeo-Variable';}
.career_section_04 dt.tit1 {background:url(/publisher/images/ico_career_01.png) no-repeat 93px 13px;}
.career_section_04 dt.tit2 {background:url(/publisher/images/ico_career_02.png) no-repeat 55px 13px;}
.career_section_04 dt.tit3 {background:url(/publisher/images/ico_career_03.png) no-repeat 56px 13px;}
.career_section_04 dt.tit4 {background:url(/publisher/images/ico_career_04.png) no-repeat 56px 13px;}
.career_section_04 dt.tit5 {background:url(/publisher/images/ico_career_05.png) no-repeat 74px 13px;}
.career_section_04 dt.tit6 {background:url(/publisher/images/ico_career_06.png) no-repeat 74px 13px;}
.career_section_04 dt.tit7 {background:url(/publisher/images/ico_career_07.png) no-repeat 105px 13px;}
.career_section_04 dt.tit8 {background:url(/publisher/images/ico_career_08.png) no-repeat 112px 13px;}
.career_section_04 dd {height:130px; font-size:15px; line-height:26px; text-align:left;}
.career_section_04 .btn_area {clear:both; border-top:#ddd 1px solid; padding-top:50px; text-align:center;}
.career_section_04 .btn_area a {display:inline-block; width:250px; padding:9px 0; background:#ff6633; color:#fff; font-size:18px; font-family:'NanumSquareNeo-Variable'; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s; text-align:center;}
.career_section_04 .btn_area a:hover {background:#e24a2f;}

@media all and (max-width:920px){
.career_section_04 dd {height:inherit; padding-bottom:20px;}
}

@media all and (max-width:768px){
.career_section_04 {padding:80px 30px;}
.career_section_04 h2 {overflow:hidden; margin-bottom:0; padding:0 0 20px; font-size:28px; line-height:140%;}
.career_section_04 dl.sec_l {float:none; width:100%; padding:0;}
.career_section_04 dl.sec_r {float:none; width:100%; padding:0;}
.career_section_04 dt {margin:20px 0 0; padding:10px 0; font-size:18px; line-height:140%;}
.career_section_04 dd {height:inherit; font-size:14px; line-height:160%;}

.career_section_04 dt.tit1 {background:url(/publisher/images/ico_career_01.png) no-repeat 93px;}
.career_section_04 dt.tit2 {background:url(/publisher/images/ico_career_02.png) no-repeat 55px;}
.career_section_04 dt.tit3 {background:url(/publisher/images/ico_career_03.png) no-repeat 56px;}
.career_section_04 dt.tit4 {background:url(/publisher/images/ico_career_04.png) no-repeat 56px;}
.career_section_04 dt.tit5 {background:url(/publisher/images/ico_career_05.png) no-repeat 74px;}
.career_section_04 dt.tit6 {background:url(/publisher/images/ico_career_06.png) no-repeat 74px;}
.career_section_04 dt.tit7 {background:url(/publisher/images/ico_career_07.png) no-repeat 105px;}
.career_section_04 dt.tit8 {background:url(/publisher/images/ico_career_08.png) no-repeat 112px;}
}

@media all and (max-width:480px){
.career_section_04 {padding:50px 30px;}
.career_section_04 h2 {padding:0 0 10px; font-size:24px;}
.career_section_04 dt {font-size:16px;}
.career_section_04 dd {font-size:13px;}

.career_section_04 dt.tit1 {background:url(/publisher/images/ico_career_01.png) no-repeat 74px; background-size:auto 18px;}
.career_section_04 dt.tit2 {background:url(/publisher/images/ico_career_02.png) no-repeat 48px; background-size:auto 18px;}
.career_section_04 dt.tit3 {background:url(/publisher/images/ico_career_03.png) no-repeat 48px; background-size:auto 18px;}
.career_section_04 dt.tit4 {background:url(/publisher/images/ico_career_04.png) no-repeat 48px; background-size:auto 18px;}
.career_section_04 dt.tit5 {background:url(/publisher/images/ico_career_05.png) no-repeat 60px; background-size:auto 18px;}
.career_section_04 dt.tit6 {background:url(/publisher/images/ico_career_06.png) no-repeat 60px; background-size:auto 18px;}
.career_section_04 dt.tit7 {background:url(/publisher/images/ico_career_07.png) no-repeat 80px; background-size:auto 18px;}
.career_section_04 dt.tit8 {background:url(/publisher/images/ico_career_08.png) no-repeat 90px; background-size:auto 18px;}
}

@media all and (max-width:320px){
.career_section_04 {padding:50px 10px;}
.career_section_04 h2 {font-size:20px;}
.career_section_04 dt {margin:10px 0 0; padding:5px 0;}
}



.career_section_05 {overflow:hidden; width:100%; background:url(/publisher/images/bg_write_02.gif) repeat;}
.career_section_05 .section_05_wrap {max-width:1160px; margin:0 auto; padding:80px 80px 120px;}
.career_section_05 h2 {margin-bottom:20px; font-size:32px; font-family:'NanumSquareNeo-Variable'; color:#fff;}
.career_section_05 p.txt {margin-bottom:50px; font-size:16px; color:#fff; line-height:160%;}

@media all and (max-width:920px){
.career_section_05 .section_05_wrap {padding:80px 80px 120px;}
}

@media all and (max-width:768px){
.career_section_05 .section_05_wrap {padding:80px 30px;}
.career_section_05 h2 {font-size:28px;}
}

@media all and (max-width:480px){
.career_section_05 .section_05_wrap {padding:50px 30px;}
.career_section_05 h2 {font-size:24px;}
.career_section_05 p.txt {margin-bottom:30px; font-size:14px;}
}

@media all and (max-width:320px){
.career_section_05 .section_05_wrap {padding:50px 10px;}
.career_section_05 h2 {font-size:20px;}
}



.career_notice table {width:100%; border-top:#fff 1px solid;}
.career_notice table td {padding:10px 30px; border-bottom:#fff 1px solid; color:#fff; font-size:16px;}
.career_notice a {display:block; height:28px; padding:0 18px; background:#fff; font-size:13px; font-family:'NanumSquareNeo-Variable'; -moz-border-radius:24px; -khtml-border-radius:24px; -webkit-border-radius:24px; border-radius:24px; transition:all .3s; text-align:center; line-height:28px;}
.career_notice a:hover {background:#eb5621; color:#fff;}

@media all and (max-width:920px){
.career_notice table td {padding:10px 15px; font-size:14px; line-height:160%;}
.career_notice a {padding:0 10px; font-size:12px; letter-spacing:-0.02em;}
}

@media all and (max-width:768px){
.career_notice table td {padding:10px; font-size:13px;}
.career_notice a {float:right; display:block; width:24px; height:24px; background:url(/publisher/images/icon_view.png) center no-repeat; background-size:20px 20px; text-indent:-99999px;}
.career_notice a:hover {background:url(/publisher/images/icon_view.png) center no-repeat; background-size:20px 20px;}
}






/* 채용공고 상세 페이지 */
.career_view_section_01 {overflow:hidden; width:100%; max-width:1160px; margin:30px auto 0; padding:80px 80px 120px;}
.career_view_section_01 h2 {margin-bottom:40px; font-size:32px; font-family:'NanumSquareNeo-Variable'; color:#eb5520;}
.career_view_section_01 .view_tit_area {overflow:hidden; margin:0 auto; padding:10px 30px 20px; border-top:3px solid #444; border-bottom:1px solid #444;}
.career_view_section_01 .view_tit_area h3 {font-size:24px; font-family:'NanumSquareNeo-Variable';}
.career_view_section_01 .view_tit_area p {float:left;}
.career_view_section_01 .view_tit_area span {margin-right:10px;}
.career_view_section_01 .view_tit_area .bar {float:left; margin:0 20px; font-size:13px; color:#ccc;}
.career_view_section_01 .view_con_area {padding:30px 30px 40px; background:#fff; border-bottom:1px solid #444;}

.btn_area_board {/*border-top:1px solid #ddd;*/}
.btn_area_board a {display:block; width:120px; height:40px; margin-top:40px; padding:0 40px; line-height:36px; background:#fafafa; border:1px solid #aaa; font-family:'NanumSquareNeo-Variable'; color:#555; -moz-border-radius:50px; -khtml-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; transition:all .3s; text-align:center;}
.btn_area_board a:hover {background:#fff; border:1px solid #444; color:#222;}


@media all and (max-width:920px){
.career_view_section_01 {padding:80px 30px;}
}

@media all and (max-width:768px){
.career_view_section_01 {padding:50px 30px;}
.career_view_section_01 h2 {margin-bottom:20px; font-size:28px;}
.career_view_section_01 .view_tit_area {padding:10px 15px 15px;}
.career_view_section_01 .view_tit_area h3 {font-size:20px;}
.career_view_section_01 .view_con_area {padding:30px 15px 40px;}
}

@media all and (max-width:480px){
.career_view_section_01 h2 {margin-bottom:20px; font-size:24px;}
.career_view_section_01 .view_tit_area p {float:none; font-size:13px; line-height:160%;}
.career_view_section_01 .view_tit_area .bar {display:none;}
.career_view_section_01 .view_con_area {font-size:13px; line-height:160%;}
}

@media all and (max-width:320px){
.career_view_section_01 {padding:50px 10px;}
.career_view_section_01 h2 {font-size:20px;}
}
/*********************  //Contents  - career  *********************/














/*********************  Contents  - contact  *********************/
.contact_section_01 {overflow:hidden; width:100%; background:url(/publisher/images/bg_contact_01.jpg) center; background-size:cover;}
.contact_section_01 .section_01_wrap {overflow:hidden; width:100%; max-width:1160px; margin:120px auto; padding:0 10px;}
.contact_section_01 .con_box {float:left; width:50%;}
.contact_section_01 .con_nav {float:left; width:100%;padding:20px 0;}
.contact_section_01 .con_txt {min-height:140px; margin:0 10px 10px 0; padding:20px 20px; background:#FFF; border:#83b5b8 1px solid; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.contact_section_01 .con_txt h3 {padding-left:33px; padding-bottom:10px; font-size:24px; font-family:'NanumSquareNeo-Variable'; line-height:28px;}
.contact_section_01 .con_txt h3.media {background:url(/publisher/images/img_contact_01.png) no-repeat 0 0;}
.contact_section_01 .con_txt h3.academy {background:url(/publisher/images/img_contact_02.png) no-repeat 0 0;}
.contact_section_01 .con_txt h3.biz {background:url(/publisher/images/img_contact_03.png) no-repeat 0 0;}
.contact_section_01 .con_txt h3.hbn {background:url(/publisher/images/img_contact_04.png) no-repeat 0 0;}
.contact_section_01 .con_txt p.tit {margin:10px 0 10px; font-size:18px; font-family:'NanumSquareNeo-Variable'; color:#00afa0;}
.contact_section_01 .con_txt p {margin-bottom:5px; color:#444; line-height:22px; text-align:justify;}
.contact_section_01 .con_txt p span {font-family:'NanumSquareNeo-Variable'; color:#222;}
.contact_section_01 .con_map {margin:0 10px;}
.contact_section_01 .con_map img {width:100%;}
.cantact-map-img {width: 40%; padding: 0 16px;}

.contact_section_01 .view_map_box {}
.contact_section_01 .view_map {width:100%; height:500px; position:relative; top:0; left:0px; border:#83b5b8 1px solid; border-radius:8px;}

@media all and (max-width:920px){
.contact_section_01 .section_01_wrap {max-width:inherit; margin:100px auto 40px;}
.contact_section_01 .con_txt {margin:0 5px;}
.contact_section_01 .con_txt h3 {padding-left:33px; font-size:20px; line-height:140%;}
.contact_section_01 .con_txt p.tit {font-size:16px; line-height:160%;}
.contact_section_01 .con_txt p {font-size:14px; line-height:160%;}
.contact_section_01 .con_map {margin:0 5px;}

.contact_section_01 .view_map {width:96%; left:5px;}
}

@media all and (max-width:768px){
.contact_section_01 .section_01_wrap {margin:60px auto 30px;}
.contact_section_01 .con_box {position:relative; float:none; width:100%;}
.contact_section_01 .con_txt {min-height:inherit; margin:0; padding:35px 23px;}
.contact_section_01 .con_map {position:absolute; top:90px; right:30px; width:35%; border-top:#ccc 1px solid; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.contact_section_01 .con_txt p {font-size:13px; line-height:160%; /*padding-right:45%;*/}
.contact_section_01 .con_txt p.tit {margin:20px 0 10px; font-size:14px;}
.contact_section_01 .view_map_box {margin-bottom:20px;}
.contact_section_01 .view_map {width:100%; left:0;}
.cantact-map-img {width: 100%; padding:0;}
}

@media all and (max-width:414px){
.contact_section_01 .con_txt {min-height:inherit; margin:0; padding:35px 23px;}
.contact_section_01 .con_map {position:inherit; top:inherit; right:inherit; width:100%; margin:0;}
.contact_section_01 .con_txt p {font-size:12px; line-height:160%; padding:0;}
}



.contact_section_02 {overflow:hidden; width:100%; padding:80px 0; background:url(/publisher/images/bg_write_02.gif) repeat;}
.contact_section_02 .section_02_wrap {max-width:1160px; margin:0 auto; text-align:center;}
.contact_section_02 h2 {margin-bottom:30px; font-size:32px; font-family:'NanumSquareNeo-Variable'; color:#fff; line-height:42px;}
.contact_section_02 p.txt {margin-bottom:70px; font-size:16px; color:#fffe98; line-height:28px;}
.contact_section_02 .con_box {overflow:hidden; max-width:1160px; padding:44px 50px 70px; background:#FFF; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.contact_section_02 .con_box h2 {margin-bottom:54px; font-size:32px; font-family:'NanumSquareNeo-Variable'; color:#00afa0;}
.contact_section_02 .con_box dl {float:left; width:33.333%; text-align:center;}
.contact_section_02 .con_box dt {height:75px; font-size:20px; font-family:'NanumSquareNeo-Variable'; line-height:28px;}
.contact_section_02 .con_box dd {font-size:16px; line-height:28px;}

@media all and (max-width:940px){
.contact_section_02 .section_02_wrap {width:100%; padding:0 30px;}
.contact_section_02 h2 {margin-bottom:20px; font-size:28px; line-height:140%;}
.contact_section_02 p.txt {margin-bottom:50px; font-size:16px; color:#fffe98; line-height:160%;}
.contact_section_02 .con_box {width:100%; padding:44px 30px 70px;}
}

@media all and (max-width:768px){
.contact_section_02 {padding:40px 0;}
.contact_section_02 h2 {font-size:24px;}
.contact_section_02 p.txt {margin-bottom:40px; font-size:14px;}
.contact_section_02 .con_box h2 {margin-bottom:30px; font-size:24px;}
.contact_section_02 .con_box dt {height:60px; font-size:15px; line-height:140%;}
.contact_section_02 .con_box dd {font-size:13px; line-height:160%;}
}

@media all and (max-width:560px){
.contact_section_02 .con_box h2 {margin-bottom:0; font-size:24px;}
.contact_section_02 .con_box dl {float:none; width:100%; text-align:left;}
.contact_section_02 .con_box dt {height:inherit; margin:30px 0 10px; font-size:14px; line-height:140%;}
}



/* 기타 */
.clear {clear:both;}

.hanbit_edit_view {line-height:inherit !important;}
.hanbit_edit_view a {color:#EB5520;}
.hanbit_edit_view p a {color:#EB5520;}
.hanbit_edit_view a:hover {text-decoration:underline;}
.hanbit_edit_view p {/*font-size:initial;*/ line-height:170% !important;}
.hanbit_edit_view div {/*font-size:initial;*/ line-height:170% !important;}
.hanbit_edit_view blockquote {/*font-size:initial;*/ line-height:170% !important;}
.hanbit_edit_view ol {list-style:decimal !important; padding:20px !important; margin:0 20px !important;}
.hanbit_edit_view ol li {padding-bottom:10px !important; list-style:decimal !important; line-height:170% !important;}
.hanbit_edit_view ul {list-style:outside !important; padding:20px !important; margin:0 20px !important; border:0 !important;}
.hanbit_edit_view ul li {padding-bottom:10px !important; list-style:outside !important; line-height:170% !important;}
/* //기타 */

/*********************  //Contents  - contact  *********************/

/********************* Foreign Rights ******************************/
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg1.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:560px; background-size: cover;}
.rs_about_wrap{max-width:1100px; margin:0 auto; padding:7vw 0 5vw;}

.rs_catalog{overflow:hidden; position:relative; background-color:#f8f8f8; padding-bottom:8vw;}
.rs_catalog_wrap{max-width:1200px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_catalog_detail{width:22%; overflow:hidden; float:left; margin:0 16px 20px;}
.rs_catalog_detail img{width:100%; border:1px solid #c4c4c4; box-shadow:2px 2px 5px #999;}
.rs_catalog_detail a{width:49%; border:none; color:#fff; font-size:1.2em; padding:0.2vw 0; text-align:center;}
.catalog_strong{font-weight:900; color:#696969; display:block; line-height:16px; font-size:1.3em; font-family: 'Noto Sans KR', sans-serif; margin-bottom:13px;}
.catalog_txt{font-size:1.2em; margin-bottom:.5vw; text-align:center;}

.rs_contect{overflow:hidden; position:relative; padding-bottom:6vw;}
.rs_contect_wrap{max-width:1100px; margin:0 auto; padding:4vw 0;}
.rs_contect_img{width:27%; float:left;}
.rs_contect_img img{width:80%;}
.rs_contect_txt{position:relative; top:31px; left:40px; line-height:14px;}
.rs_contect_txt p{font-family: 'Noto Sans KR', sans-serif;}
.rs_contect_ad1{font-size:1.7em; margin-bottom:.5vw; line-height:42px; margin-top:13px;}
.rs_contect_ad2{font-size:1.6em; line-height:28px;}

.rs_mainfont01{font-size:3em; color:#fff; letter-spacing:-2px;}
.rs_mainfont02{font-size:3em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.rs_about_p{font-size:1.5em; line-height:32px; color:#fff; font-family: 'times new roman', sans-serif; text-align:justify;}
.strong{font-weight:900; font-size:1.8em; color:#fff; font-family: 'Noto Sans KR', sans-serif;}
.strong_br{font-weight:900; font-size:2em; color:#000; font-family: 'Noto Sans KR', sans-serif;}
.rs_right{float:right; background-color:#274c5e; }
.rs_left{float:left; background-color:#127a73; }
.re_bigcb{clear:both;}

button:hover, button:focus { animation-duration: 3s; animation-name: rainbowLink; animation-iteration-count: infinite;}
@keyframes rainbowLink {     
 0% { color: #ff2a2a; }
 15% { color: #ff7a2a; }
 30% { color: #ffc52a; }
 45% { color: #43ff2a; }
 60% { color: #2a89ff; }
 75% { color: #202082; }
 90% { color: #6b2aff; } 
 100% { color: #e82aff; }
}
.scroll-icon-down{border: solid #0F0 3px; padding:5px; transition: all 0.5s; transition-timing-function: ease;}
.scroll-icon-down:hover{transition: all 0.5s; transition-timing-function:ease; border: solid #CFCFCF 3px; background-color:#f26b42;}

/*반응형 소스 본문*/
@media all and (max-width:1400px){
.rs_about_wrap{padding:10vw 0 6vw;}
}

@media all and (max-width:1200px){
.rs_about_wrap{max-width:1000px; margin:0 auto; padding:10vw 0 6vw;}
.rs_catalog_wrap{max-width:1000px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_catalog_detail{width:21%; overflow:hidden; float:left; margin:0 16px 33px;}
.rs_contect_wrap{max-width:1000px; margin:0 auto; padding:4vw 0;}
.rs_contect_ad2{font-size:1.5em; line-height:2.5vw;}
}

@media all and (max-width:1067px){
.rs_about_wrap{max-width:900px; margin:0 auto; padding:10vw 0 6vw;}
.rs_catalog_wrap{max-width:900px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_catalog_detail{width:21%; overflow:hidden; float:left; margin:0 16px 33px;}
.rs_contect_wrap{max-width:900px; margin:0 auto; padding:4vw 0;}
.rs_contect{overflow:hidden; position:relative; padding-bottom:10vw;}
}

@media all and (max-width:990px){
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg2.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:560px; background-size: cover;}
.rs_about_wrap{max-width:800px; margin:0 auto; padding:12vw 0 6vw;}
.rs_catalog_wrap{max-width:800px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_catalog_detail{width:21%; overflow:hidden; float:left; margin:0 16px 33px;}
.rs_contect_wrap{max-width:800px; margin:0 auto; padding:4vw 0;}
.rs_contect{overflow:hidden; position:relative; padding-bottom:10vw;}
.rs_mainfont01{font-size:2.8em; color:#fff; letter-spacing:-2px;}
.rs_mainfont02{font-size:2.8em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.strong{font-weight:900; font-size:1.6em; color:#fff; font-family: 'Noto Sans KR', sans-serif;}
.rs_about_p{font-size:1.3em; line-height:28px; color:#fff; font-family: 'times new roman', sans-serif; text-align:justify;}
.rs_catalog_detail a{width:49%; border:none; color:#fff; font-size:1em; padding:0.5vw 0; text-align:center;}
}

@media all and (max-width:860px){
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg2.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:560px; background-size: cover;}
.rs_about_wrap{max-width:700px; margin:0 auto; padding:14vw 0 7vw;}
.rs_catalog_wrap{max-width:700px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_contect_wrap{max-width:700px; margin:0 auto; padding:4vw 0;}
.rs_contect{overflow:hidden; position:relative; padding-bottom:12vw;}

.rs_mainfont01{font-size:2.5em; color:#fff; letter-spacing:-2px;}
.rs_mainfont02{font-size:2.5em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.strong{font-weight:900; font-size:1.4em; color:#fff; font-family: 'Noto Sans KR', sans-serif;}
.rs_about_p{font-size:1.2em; line-height:26px; color:#fff; font-family: 'times new roman', sans-serif; text-align:justify;}
.rs_catalog_detail{width:38%; overflow:hidden; float:left; margin:0 33px 33px;}
.strong_br{font-weight:900; font-size:1.8em; color:#000; font-family: 'Noto Sans KR', sans-serif;}
.rs_contect_ad1{font-size:1.5em; margin-bottom:.5vw; line-height:42px; margin-top:13px;}
.rs_contect_ad2{font-size:1.5em; line-height:3.2vw;}
.rs_contect_txt{position:relative; top:15px; left:10px; line-height:14px;}
.cb{clear: both;}
}

@media all and (max-width:768px){
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg2.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:560px; background-size: cover;}
.rs_about_wrap{max-width:600px; margin:0 auto; padding:14vw 0 7vw;}
.rs_catalog_wrap{max-width:600px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_contect_wrap{max-width:600px; margin:0 auto; padding:4vw 0;}

.rs_mainfont01{font-size:2.3em; color:#fff; letter-spacing:-2px;}
.rs_mainfont02{font-size:2.3em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.strong{font-weight:900; font-size:1.3em; color:#fff; font-family: 'Noto Sans KR', sans-serif;}
.rs_about_p{font-size:1.1em; line-height:23px; color:#fff; font-family: 'times new roman', sans-serif; text-align:justify;}
.rs_catalog_detail{width:38%; overflow:hidden; float:left; margin:0 33px 33px;}
.strong_br{font-weight:900; font-size:1.8em; color:#000; font-family: 'Noto Sans KR', sans-serif;}
.rs_contect_ad1{font-size:1.3em; margin-bottom:.5vw; line-height:42px; margin-top:13px;}
.rs_contect_ad2{font-size:1.3em; line-height:3.2vw;}
.rs_contect_txt{position:relative; top:15px; left:1px; line-height:14px;}
.rs_contect_img{width:30%; float:left;}
.cb{clear: both;}
.rs_contect{overflow:hidden; position:relative; padding-bottom:14vw;}
}

@media all and (max-width:650px){
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg2.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:560px; background-size: cover;}
.rs_about_wrap{max-width:500px; margin:0 auto; padding:17vw 0 7vw;}
.rs_catalog_wrap{max-width:500px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_contect_wrap{max-width:500px; margin:0 auto; padding:4vw 0;}

.rs_mainfont01{font-size:2.1em; color:#fff; letter-spacing:-2px;}
.rs_mainfont02{font-size:2.1em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.strong{font-weight:900; font-size:1.2em; color:#fff; font-family: 'Noto Sans KR', sans-serif;}
.rs_about_p{font-size:1.1em; line-height:23px; color:#fff; font-family: 'times new roman', sans-serif; text-align:justify;}
.rs_catalog_detail{width:38%; overflow:hidden; float:left; margin:0 30px 33px;}
.strong_br{font-weight:900; font-size:1.5em; color:#000; font-family: 'Noto Sans KR', sans-serif;}
.rs_contect_ad1{font-size:1em; margin-bottom:.5vw; line-height:42px; margin-top:13px;}
.rs_contect_ad2{font-size:1em; line-height:3.2vw;}
.rs_contect_txt{position:relative; top:3px; left:1px; line-height:14px;}
.rs_contect_img{width:30%; float:left;}
.catalog_txt{font-size:.8em; margin-bottom:.5vw; text-align:center;}
.cb{clear: both;}
}

@media all and (max-width:550px){
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg2.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:200px; background-size: cover;}
.rs_about_wrap{max-width:400px; margin:0 auto; padding:17vw 0 7vw;}
.rs_catalog_wrap{max-width:400px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_contect_wrap{max-width:400px; margin:0 auto; padding:4vw 0;}

.rs_mainfont01{display:none;}
.rs_mainfont02{font-size:2em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.strong{font-weight:900; font-size:1.8em; color:#fff; font-family: 'Noto Sans KR', sans-serif; line-height:28px; margin:33px 0 0;  text-align:center;}
.rs_about_p{display:none;}
.rs_catalog_detail{width:42%; overflow:hidden; float:left; margin:0 15px 33px;}
.strong_br{font-weight:900; font-size:1.5em; color:#000; font-family: 'Noto Sans KR', sans-serif;}
.rs_contect_ad1{font-size:1.2em; margin-bottom:.5vw; line-height:28px; margin-top:9px;}
.rs_contect_ad2{font-size:1.2em; line-height:4vw;}
.catalog_txt{font-size:.8em; margin-bottom:.5vw; text-align:center;}
.cb{clear: both;}
.rs_contect_img{display:none;}
}

@media all and (max-width:450px){
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg2.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:100px; background-size: cover;}
.rs_about_wrap{max-width:300px; margin:0 auto; padding:25vw 0 7vw;}
.rs_catalog_wrap{max-width:300px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_contect_wrap{max-width:300px; margin:0 auto; padding:4vw 0;}

.rs_mainfont01{display:none;}
.rs_mainfont02{font-size:1.9em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.strong{font-weight:900; font-size:1.6em; color:#fff; font-family: 'Noto Sans KR', sans-serif; line-height:28px; margin:20px 0;  text-align:center;}
.rs_about_p{display:none;}
.rs_catalog_detail{width:43%; overflow:hidden; float:left; margin:0 10px 33px;}
.strong_br{font-weight:900; font-size:1.3em; color:#000; font-family: 'Noto Sans KR', sans-serif;}
.rs_contect_ad1{font-size:.9em; margin-bottom:.5vw; line-height:24px; margin-top:9px;}
.rs_contect_ad2{font-size:.9em; line-height:3.8vw;}
.catalog_txt{font-size:.7em; margin-bottom:.5vw; text-align:center;}
.rs_catalog_detail a{width:49%; border:none; color:#fff; font-size:.8em; padding:0.9vw 0; text-align:center;}
.cb{clear: both;}
.rs_contect_img{display:none;}
}

@media all and (max-width:350px){
.rs_about{overflow:hidden; position:relative; background: url(/publisher/images/rs__bg2.jpg) center no-repeat; top:0; left:0; width:100%; height:100%; min-height:100px; background-size: cover;}
.rs_about_wrap{max-width:250px; margin:0 auto; padding:25vw 0 7vw;}
.rs_catalog_wrap{max-width:250px; margin:0 auto; padding:4vw 0 0; clear:both;}
.rs_contect_wrap{max-width:250px; margin:0 auto; padding:4vw 0;}

.rs_mainfont01{display:none;}
.rs_mainfont02{font-size:1.9em; color:#000; letter-spacing:-2px; margin-bottom:23px;}
.strong{font-weight:900; font-size:1.4em; color:#fff; font-family: 'Noto Sans KR', sans-serif; line-height:28px; margin:22px 0 5px;  text-align:center;}
.rs_about_p{display:none;}
.rs_catalog_detail{width:43%; overflow:hidden; float:left; margin:0 8px 33px;}
.strong_br{font-weight:900; font-size:1em; color:#000; font-family: 'Noto Sans KR', sans-serif;}
.rs_contect_ad1{font-size:.7em; margin-bottom:.5vw; line-height:11px; margin-top:9px;}
.rs_contect_ad2{font-size:.7em; line-height:3.2vw;}
.catalog_txt{font-size:.7em; margin-bottom:.5vw; text-align:center;}
.rs_catalog_detail a{width:49%; border:none; color:#fff; font-size:.8em; padding:0.9vw 0; text-align:center;}
.cb{clear: both;}
.rs_contect_img{display:none;}
}
/********************* //Foreign Rights ****************************/










