@charset "utf-8";

.container { position: relative; width: 1130px; margin: 0 auto; *zoom: 1;}
#subcontainer{position: relative;z-index:10;display: block;}
#subcontainer.fixed{position:fixed;top:0;left:0;width:100%;z-index:9997}
#subcontainer > .title_section{background:#fff;}
#subcontainer > .title_section > .inner_section{padding:40px 0px;}
#subcontainer > .title_section > .inner_section_sty02 {padding:70px 20px 34px;text-align: center;}
#subcontainer > .title_section h2{font-size:30px;font-weight:900;}
#subcontainer > .title_section .path_nav, #subcontainer > .title_section .path_nav_sty02{display:none}
#subcontainer > .inner_section_sty03 {padding:0px 20px 34px;text-align: center;}

/* GNB */
nav .global { display: block;  text-align: right;}
nav .global menu {border-radius:30px;background-color:#efefef;overflow:hidden;display: inline-flex;align-items:center;padding: 0;margin: 5px 0;}
nav .global menu li {padding:0 14px;font-size:14px;line-height: 28px;font-weight:700;word-break:keep-all;white-space:nowrap;}
nav .global menu li.on {color:#fff;border-radius:30px;background-color: #666;}
.gnb_nav_overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9998; background: rgba(0, 0, 0, 0.5);}
.gnb_nav { margin-bottom: 0; border-radius: 0; min-height: 60px; z-index: 9999; left: 0; right: 0; background: #fff; border: 1px solid #eee; transition: box-shadow, border, background 0.5s ease-in-out;}
.gnb_nav ul,.gnb_nav ul ul { padding: 0; margin: 0; list-style: none;}
.gnb_nav ul li a { display: block;  line-height: 20px; font-family: Montserrat, sans-serif;text-transform: uppercase; white-space: normal; text-decoration: none; transition: all 0.3s ease-in-out 0s; background: transparent;}
.gnb_nav .animated { animation-duration: 0.4s; animation-fill-mode: both;}
.gnb_nav .container,.gnb_nav .container-fluid { position: relative;}
.gnb_nav .logo {height: 52px;max-width: 200px;float: left;line-height: 30px;padding: 0px;margin: 11px 30px 0px 0px;text-decoration: none;}
.gnb_nav .logo > img { height: 100%; padding: 6px 0;}
.gnb_nav .logo h1 { color: #222; font-size: 30px; line-height: 36px; margin: 0; padding: 0;}
.gnb_nav .logo p { color: #222; font-size: 14px; line-height: 16px; margin: 0; padding: 0;}
.sungangdang { padding-top: 7px;}
.gnb_nav .dropdown-toggle::after { width: inherit; height: inherit; border: 0; margin: 0;}
.gnb_nav .dropdown { position: relative;}
.gnb_nav .dropdown-menu { position: absolute; display: none; top: 100%; left: 0; z-index: 1000;}
.gnb_nav .open > .dropdown-menu { display: block;}
.gnb_nav .collapse:not(.show) { display: none;}
.gnb_nav .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease;}
.gnb_nav .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; -webkit-overflow-scrolling: touch;}
.gnb_nav .navbar-collapse.show { overflow-y: auto;}
.gnb_nav .navbar-collapse:before,
.gnb_nav .navbar-collapse:after { content: " "; display: table;}
.gnb_nav .navbar-collapse:after { clear: both;}
.gnb_nav .gnb_menu li a { position: relative; display: block; font-size: 14px;}
.gnb_nav .gnb_menu li .fa-icon-left { margin-right: 8px;}
.gnb_nav .gnb_menu li .fa-icon-right { margin-left: 8px;}
.gnb_nav .gnb_menu > li > a {color: rgb(34, 34, 34);font-size: 15px;font-weight: 600;line-height: 34px;padding: 10px 0px 20px;}
.gnb_nav .gnb_menu > li.active > a,
.gnb_nav .gnb_menu > li > a:hover,
.gnb_nav .gnb_menu > li > a:focus { color: #0163c6; background-color: transparent;}
.gnb_nav .gnb_menu > li.gnb_nav_cta_btn { padding: 11px 15px; margin-left: 20px;}
.gnb_nav .gnb_menu > li.gnb_nav_cta_btn a { padding: 8px 15px; border: 1px solid #1085e4; border-radius: 4px; text-align: center; color: #fff; background: #1085e4;}
.gnb_nav .gnb_menu > li.gnb_nav_cta_btn a:hover, 
.gnb_nav .gnb_menu > li.gnb_nav_cta_btn a:focus { border-color: #1085e4; color: #1085e4; background: transparent;}
.gnb_nav .gnb_menu li .description { /* font-style: italic; */ font-size: 90%; margin: 6px 0 0; font-weight: 400;}
.gnb_nav .gnb_menu .dropdown-menu { background-color: #fcfcfc; margin: 0;}
.gnb_nav .gnb_menu .dropdown-menu li a { color: #333; font-size: 14px; font-weight:500;padding-left: 30px;border-top: solid 0px #eee;}
.gnb_nav .gnb_menu .dropdown-menu li.active > a,
.gnb_nav .gnb_menu .dropdown-menu li > a:hover,
.gnb_nav .gnb_menu .dropdown-menu li > a:focus { color: #fff; background-color: #0163c6;}
.gnb_nav .gnb_menu .dropdown-toggle:focus { outline: 0;}


.gnb_nav .gnb_menu .mega-menu-col-title:before,
.gnb_nav .gnb_menu .dropdown .dropdown-toggle:before,
.gnb_nav .gnb_menu .dropdown .dropdown-toggle:after { font-family: 'FontAwesome';}
.gnb_nav.navbar-reverse .top_search_box .form-control { text-align: right;}
.gnb_nav.navbar-reverse .extension-nav > ul > li.dropdown .dropdown-menu { left: 0; margin-left: 0;}
.gnb_nav.navbar-reverse.gnb_nav_cta_btn { margin-right: 20px; margin-left: 0;}
.gnb_nav .navbar-collapse { padding: 0;}
.gnb_nav.navbar-fixed { position: relative;}
.gnb_nav.navbar-fixed.navbar-freez.wp-topbar, .gnb_nav.mobile_sidebar.wp-topbar .navbar-collapse, .gnb_nav.wp-topbar .widget-bar { top: 32px;}

/* 피시메인 슬라이드 */
.mainVisArea {position:relative; width:100%; overflow:hidden;}
.mainVisArea .swiper-wrapper .swiper-slide {display:block; position:relative; width:100%; height:100%;}
.mainVisArea .swiper-wrapper .swiper-slide img {width:100%}
.mainVisArea .swiper-wrapper .swiper-slide .pc {display:block;}
.mainVisArea .swiper-wrapper .swiper-slide .tablet {display:none;}
.mainVisArea .swiper-wrapper .swiper-slide .mobile {display:none;}
.mainVisArea .swiper-wrapper .swiper-slide .txtBox {position:absolute; top:180px; left:50%; box-shadow:5px 5px 50px 0 rgba(0,0,0,0.2); -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:0;}
.mainVisArea .swiper-wrapper .swiper-slide .tit{margin-top:175px; font-size:80px; line-height:88px; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#fff;}
.mainVisArea .swiper-wrapper .swiper-slide .txt{margin-top:20px; font-size:20px; line-height:30px; color:#fff;}
.mainVisArea .swiper-wrapper .swiper-slide .mainBt{
	display:inline-block; height:50px; padding:0 40px; font-size:18px; color:#fff; line-height:48px; text-align:center; border-radius:25px; margin-top:40px;
	background: rgb(10, 112, 223); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(10, 112, 223,1) 0%, rgba(35,136,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mainVisArea .swiper-button-prev {left:40px; width:70px; height:70px; background:url("/common_mus/images/btn/imgRoll_prev.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-prev:hover {background:url("/common_mus/images/btn/imgRoll_prev_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next {right:40px; width:70px; height:70px; background:url("/common_mus/images/btn/imgRoll_next.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next:hover {background:url("/common_mus/images/btn/imgRoll_next_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination {display:inline-block; padding:15px 65px 15px 31px;  width:auto; height:11px; left:50%; bottom:50px; background:rgba(0,0,0,0.5); overflow:hidden; border-radius:20.5px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.mainVisArea .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background:url("/common_mus/images/btn/imgRoll_indi.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {background:url("/common_mus/images/btn/imgRoll_indi_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .playBtn {display:block; width:41px; height:41px; position:absolute; top:0; right:0; background:rgba(0,0,0,0.2) url("/common_mus/images/btn/play_bt.png") no-repeat 50% 50%; border-radius:20.5px;}
.mainVisArea .swiper-pagination .playBtn.on {background:rgba(0,0,0,0.2) url("/common_mus/images/btn/play_bt_on.png") no-repeat 50% 50%;}


/*  */
.main_con:after { display: block; clear: both; content: '';}
.main_con { padding-top: 35px; width: 100%;padding-bottom: 35px;}
.main_con_tit { text-align: center;  padding: 50px 0;}
.main_con_tit h2 { position: relative; font-size: 40px; font-weight: 700; color: #000; letter-spacing: -2px;}
.main_con_tit h2:before  { display: block; content: ''; position: absolute; width: 61px; height: 6px;  top: -23px;  left: 50%;  margin: 0 0 0 -35.5px;  background: url(../images/main_tit_bar.png) no-repeat;}

.box_round {border-radius: 10px;}

.main_magazin ul {display: inline-block;width: 100%;}
.main_magazin ul li {margin-bottom: 20px;}
.main_magazin ul li.mleft {width: 49%; float: left;}
.main_magazin ul li.mright {width: 49%; float: right;}
.main_magazin_box {border: 1px solid #dfdfdf; }
.hellot {background: #fff url(../../assets/images/magazin_hellot.jpg) no-repeat left top;}
.aw {background: #fff url(../../assets/images/magazin_aw.jpg) no-repeat left top;}
.sandan {background: #fff url(../../assets/images/magazin_sandan.jpg) no-repeat right top;}
.book {background: #fff url(../../assets/images/magazin_book.jpg) no-repeat right top;}
.main_tbox_left {text-align: center;padding-left: 47%;}
.main_tbox_right {text-align: center;padding-right: 48%;}
.main_tbox {padding: 65px 0;}
.main_con_btit {color: #333; font-size: 26px; font-weight: 600;padding-bottom:15px;line-height: 34px;}
.main_con_stit {color: #666; font-size: 16px; font-weight: 400;line-height: 20px;}

/* 마케팅 플랫폼*/
.main_makp {}
.main_makp ul {display: flex;}
.main_makp ul li:first-child {;width: calc(100% - 0px);/* width: 50%; */}
.main_makp ul li {width: calc(25% - 0px);padding: 20px 35px 0; height: 220px; margin-right: 0px; /* background-repeat: no-repeat; */ /* background-position: center; */ /* background-size: cover; */ color: #fff; overflow: hidden;position: relative;/* width: 25%; */border: 1px solid #dfdfdf;}
.main_makp_dubiz {background-image: url(../../assets/images/main_makp_dubiz.jpg);background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: transform 600ms ease 0s; transform: translate(0px , 0px);}
.main_makp_market{background-image: url(../../assets/images/main_makp_market.jpg);background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: transform 600ms ease 0s; transform: translate(0px , 0px);}
.main_makp_mtv{background-image: url(../../assets/images/main_makp_mtv.jpg);background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: transform 600ms ease 0s; transform: translate(0px , 0px);}
.main_makp_dubiz_w {margin-top: 90px;}
.main_makp_market_w {text-align: center;margin-top: 55px;}
.main_makp_market_w img { display: inline-block;}

/* 전시회 */
.main_exhibition {}
.main_exhibition ul {display: flex;}
.main_exhibition ul li {width: calc(50% - 0px);padding: 35px;  margin-right: 20px;  border: 1px solid #dfdfdf;}
.main_sfaw {background-image: url(../../assets/images/sfaw_logo.png);background-repeat: no-repeat;background-position: right;padding: 10px; background-size: 103px;}
.main_scm {background-image: url(../../assets/images/scm_logo.png);background-repeat: no-repeat;background-position: right 60px;padding: 30px 0 0 0;}

/* 교육/세미나 */
.main_seminar_w {display: flex;}
.main_1row {width: 50%;}
.main_2row {width: 25%;}
.main_seminar {padding: 35px 35px 0; height: 460px; margin-right: 20px; color: #fff; overflow: hidden; position: relative; border: 1px solid #dfdfdf;}
.main_seminar_sty02 {padding: 35px 35px 0; height: 200px; color: #fff; overflow: hidden; position: relative; border: 1px solid #dfdfdf; margin-bottom: 20px;}

.main_seminar_sty02:last-child {margin-bottom: 0px;}

.main_seminar_edu {background-image: url(../../assets/images/main_seminar_edu.jpg);background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: transform 600ms ease 0s; transform: translate(0px , 0px);}
.main_seminar_edu02 {background-image: url(../../assets/images/main_seminar_edu02.jpg);background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: transform 600ms ease 0s; transform: translate(0px , 0px);}
.main_seminar_edu03 {background-image: url(../../assets/images/main_seminar_edu03.jpg);background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: transform 600ms ease 0s; transform: translate(0px , 0px);}
.main_seminar_edu04 {background-image: url(../../assets/images/main_seminar_edu04.jpg);background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; z-index: -1; top: 0; left: 0; transition: transform 600ms ease 0s; transform: translate(0px , 0px);}

/* 마케팅 서비스 */
.main_marketing_w {background-image: url(../../assets/images/marketing_bg.png);background-repeat: no-repeat; background-size: cover;}
.main_marketing_box {display: flex; margin-bottom: 20px;}
.main_marketing {background:#fff;padding: 35px 35px 25px 35px;transition:all .2s ease;width: calc(20% - 0px); position: relative;margin-right: 20px;border: 1px solid #e1e1e1;/*box-shadow: 0px 0px 8px 0 rgb(0 0 0 / 13%);*/}
.main_marketing:last-child {margin-right: 0px}
.main_marketing:hover {background:#0163c6;box-shadow: 1px 1px 20px 0 rgb(0 0 0 / 30%);}
.main_marketing:hover span {color:#fff;}
.main_marketing:hover p {color:#fff;}
.main_marketing:before {/* content:'\e907'; *//* font-size:30px; *//* color:#ffe84c; *//* position:absolute; *//* top: 62%; *//* right:55px; *//* opacity:0; *//* transition:all .2s ease; */}
.main_marketing:hover:before {opacity:1;right:25px;}
.main_marketing span {font-size:12px;color:#999;padding-bottom: 0; transition:all .2s ease;display: block;font-weight: 300;} 
.main_marketing p {color:#333;font-size: 18px;transition:all .2s ease;font-weight: 400;padding-bottom: 20px;/* text-align: right; */line-height: 25px;padding-top: 10px;}
.btn_more { text-align: right; padding: 0;}
.btn_more span { padding: 7px 10px; border: 2px solid #c4c4c4; border-radius: 200px; cursor: pointer; display: inline-block; line-height: 9px; font-size: 12px; color: #999; font-weight: 400;}
.main_marketing a:hover {border: 2px solid #fff;}
.btn_more a span {font-size: 12px; font-weight: 400; color: #959595; line-height: 12px; display: inline-block;}


/* 문의하기 */
.main_inquiry_w {background-image: url(../../assets/images/inquiry_bg.jpg);background-repeat: no-repeat; background-size: cover; background-position: center center;}
.main_inquiry_box {padding: 50px 20px;text-align: center;}
.main_inquiry_box p {color: #fff; font-size: 32px; letter-spacing: -1px;padding-bottom: 20px;}
.main_inquiry_box a{background: transparent; font-size:16px; display:block; max-width:200px; width:100%; margin: 10px auto 0; color: #fff; border-radius:50px; padding:12px 0; font-weight:500; transition:all ease .5s; -webkit-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s;border: 2px solid #fff;}
.main_inquiry_box a:hover{background:#0163c6; color:#fff;border: 2px solid #0163c6;}

#fixedBg{position:absolute;left:0;top:174px;width:100%;height:280px;background:no-repeat center center;background-size:cover;z-index:1; background-position: center 94px; background-repeat: no-repeat; z-index: -1; animation: animate_background 2s ease-in-out;}
#fixedBg.hellot{background-image:url(../../assets/images/img_hellot.jpg)}
#fixedBg.aw{background-image:url(../../assets/images/img_aw.jpg)}
#fixedBg.sandan{background-image:url("../../assets/images/img_sandan.jpg")}
#fixedBg.magazine{background-image:url(../../assets/images/img_magazine.jpg)}
#fixedBg.dubiz{background-image:url(../../assets/images/img_dubiz.jpg)}
#fixedBg.market{background-image:url(../../assets/images/img_market.jpg)}
#fixedBg.design{background-image:url(../../assets/images/img_design.jpg)}
#fixedBg.voucher{background-image:url(../../assets/images/img_voucher.jpg)}
#fixedBg.media{background-image:url(../../assets/images/img_media.jpg)}
#fixedBg.online{background-image:url(../../assets/images/img_online.jpg)}
#fixedBg.edu{background-image:url(../../assets/images/img_edu.jpg)}
#fixedBg.sfaw{background-image:url(../../assets/images/img_sfaw.jpg)}
#fixedBg.scm{background-image:url(../../assets/images/img_scm.jpg)}
#fixedBg.group14{background-image:url(../../assets/images/group_0204.jpg)}
#fixedBg.group15{background-image:url(../../assets/images/group_0204.jpg)}
#fixedBg.group16{background-image:url(../../assets/images/group_0204.jpg)}
#fixedBg.group17{background-image:url(../../assets/images/group_0204.jpg)}
#fixedBg.group18{background-image:url(../../assets/images/group_0204.jpg)}
#fixedBg.safety{background-image:url(../../assets/images/img_safety.jpg)}

@keyframes animate_background {
	0% {transform: scale(1.12); -ms-transform: scale(1.12); -webkit-transform: scale(1.12); }
	100%  {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}
.group_section .top_section { width: 100%; height: 280px; background: no-repeat center center; background-size: cover; /* background-attachment: fixed; */}
.group_section .top_section > .inner_section { padding: 62px 20px;}
.group_section .top_section p { margin-bottom: 28px; font-size: 20px; line-height: 29px; color: #fff; font-weight: 900;}
.group_section .top_section .btn_link { display: block; width: 100%; height: 30px; padding: 15px; line-height: 30px; text-align: left; font-size: 15px; color: #fff; font-weight: 700; background: url(../../assets/images/icon_golink.png) no-repeat 358px center transparent; background-size: 20px 12px; border: 0; border: 1px solid #fff;}
.group_section .top_section .btn_link {width: 385px;height: 36px;line-height: 36px;font-size: 16px;background-size: 31px 18px;letter-spacing: 0;}
.group_section .content_section {  background: #fff;}
.group_section .content_section_sty02 {  background: #f5f5f5;}
.inner_section { padding: 50px 20px 100px;}
.group_section .group_info .group_name { margin-bottom: 35px;}
.group_section .group_info h3 { margin-bottom: 10px; font-size: 40px; line-height: 45px; font-weight: 100; letter-spacing: 0;}
.group_section .group_info h3.magazine {font-family: 'Poppins', sans-serif; font-weight: 700;}
.group_section .group_info h4 { font-size: 20px; font-weight: 700;}
.group_section .group_info .detail_info { float: right; width: 870px;}
.group_section .group_info .detail_info p { margin-bottom: 30px; font-size: 17px; line-height: 26px;}
.sub_tit {text-align: center; opacity: 0; transform: scale(0.8); animation: fadeOn 0.5s 0.4s forwards;}
.s_tit { color: #999; font-size: 15px; font-weight: 400; }
.b_tit { color: #222222; font-size: 35px; font-weight: 600; margin: 12px 0 50px; letter-spacing: -0.025em;}

.four_group_con > div:nth-child(1) {animation: toTop 1.4s 0.8s forwards;}
.four_group_con > div:nth-child(2) {animation: toTop 1.4s 1.2s forwards;}
.four_group_con > div:nth-child(3) {animation: toTop 1.4s 1.4s forwards;margin: 0 20px;}
.four_group_con > div:nth-child(4) {animation: toTop 1.4s 2.0s forwards;}
.four_group_con {display: flex;justify-content: space-between;}
.four_group_con > div {	padding: 45px 20px;border: 1px solid #eeeeee;	text-align: center;	width: calc(100% / 4);	background: #fff;opacity: 0;}
.four_group_con > div:hover{border-color:#b50031;box-shadow:21px 21px 20px 0px rgba(56, 66, 100, 0.2);}
.four_group_con  > div:nth-child(2) {	margin: 0 0px 0 20px;}
.four_group_con  > div h4 {color: #dddddd;font-size: 35px; font-family: Poppins;}
.four_group_con  > div span {  display: block;   background: #0163c6;   height: 3px; width: 25px;  margin: 20px auto;}
.four_group_con  > div h5 {font-size: 20px;color: #222222;letter-spacing: -0.025em;line-height: 1.3;}
.four_group_con  > div ul {margin: 25px 0 0;}
.four_group_con  > div ul li {margin: 0 0 10px;color: #666;font-weight: 300;letter-spacing: -0.025em;line-height: 1.5;font-size: 16px;}
.four_group_con  > div ul li:last-child {margin: 0;}
.portal_img {display: inline-block;}
@keyframes fadeOn {
	0% {opacity: 0;	transform: scale(0.4);}
	100% {opacity: 1;	transform: scale(1);}
}
@keyframes toTop {
	from {	transform: translateY(40px);opacity: 0;}
	to {	transform: translateY(0);	opacity: 1;	}
}

/* 탭*/
.tab_list {display: flex;justify-content: left;margin-top:30px;}
.tab_item {cursor: pointer;text-align: center;display: block;font-size: 22px;box-sizing: border-box;padding: 0px 27px 25px 27px;margin: 0 8px 10px 0;text-decoration: none;-ms-transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;position: relative;background: #fff;color: #999;line-height: 27px;border-bottom: 3px solid #999;}
.tab_item.active {color: #000;border-bottom: 3px solid #000;font-weight: 600;}
.tab_inner {display: none;color: #333;}
.tab_inner.active { display: block;}
.two_tab { width: 50%;}


/* ********* 수출바우처 ********* */
.list-1st {margin: 5px 0 20px 0;padding: 0;}
.list-1st dd:before, .list-1st li:before, .txt_bul:before {
    background: #a0a0a0;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 10px;
    display: inline-block;
}
.list-1st li, .txt_bul {position: relative;line-height: 1.6;padding-left: 11px;margin: 3px 0 5px;color: #33373b;font-size: 20px;}
.list-1st dd:before, .list-1st li:before, .txt_bul:before { background-color: #2678cc;}
.list-1st li:before, .txt_bul:before {  content: ""; position: absolute;  left: 0; top: 11px; width: 4px;  height: 4px; border-radius: 2px;  background: #c81d0b;}
.list-1st dd, .list-1st li, .txt_bul, p {  word-break: keep-all; word-wrap: break-word;}

 .arrow_list{margin-bottom:40px;}
    .arrow_list.mb0 {margin-bottom: 0;}
    .arrow_list ol{
        overflow:hidden; border-width:0 1px 1px 1px; border-style:solid; border-color:#e0e0e0;
        counter-reset:section;
    }
    .arrow_list ol:after{content:""; display:block; clear:both;}
    .arrow_list ol li{float:left; position:relative;}
    .arrow_list ol li:after{display:none; content:""; position:absolute; left:50%; top:0; z-index:0; width:6000px; height:1px; margin-left:-3000px; background-color:#e0e0e0;}
    .arrow_list ol li:before{display:none; content:""; position:absolute; left:0; top:0; z-index:0; width:1px; height:6000px; background-color:#e0e0e0;}
    .arrow_list ol li .lay{/* padding:35px 20px 30px 20px; */}
    .arrow_list ol li:not(:first-child) .lay:after{
        content:""; display:block; position:absolute; right:100%; top:70px; z-index:10; width:28px; height:28px; margin-right:-14px; border:1px solid #ececec; background:#fff url(/images/home/sub01/center_arrow.png) no-repeat 10px center;
        border-radius:50%;
        -webkit-border-radius:50%;
    }
    .arrow_list ol li:nth-child(1) .lay strong:before,
    .arrow_list ol li:nth-child(2) .lay strong:before,
    .arrow_list ol li:nth-child(3) .lay strong:before,
    .arrow_list ol li:nth-child(4) .lay strong:before,
    .arrow_list ol li:nth-child(5) .lay strong:before,
    .arrow_list ol li:nth-child(6) .lay strong:before,
    .arrow_list ol li:nth-child(7) .lay strong:before,
    .arrow_list ol li:nth-child(8) .lay strong:before,
    .arrow_list ol li:nth-child(9) .lay strong:before{content:"STEP. "counter(section);}
    .arrow_list ol li .lay strong em{display:block; line-height:16px; font-style:normal; font-weight:400; color:#1c92eb;}

    .arrow_list ol li .lay p.info{text-align:center;}

    /* 3단 */
    .arrow_list:not([class*="type_3"]) ol li{width:33.3%;}
    .arrow_list:not([class*="type_3"]) ol li:nth-child(1):before,
    .arrow_list:not([class*="type_3"]) ol li:nth-child(2):before,
    .arrow_list:not([class*="type_3"]) ol li:nth-child(3):before,
    .arrow_list:not([class*="type_3"]) ol li:nth-child(3n+1):after{display:block;}
    .arrow_list:not([class*="type_3"]) ol li:nth-child(3n+1){clear:both;}
    .arrow_list:not([class*="type_3"]) ol li:nth-child(3n+1):before{display:none;}
    .arrow_list:not([class*="type_3"]) ol li:nth-child(6n+4),
    .arrow_list:not([class*="type_3"]) ol li:nth-child(6n+5),
    .arrow_list:not([class*="type_3"]) ol li:nth-child(6n+6){float:right;}
    .arrow_list:not([class*="type_3"]) ol li:nth-child(6n+5) .lay:after,
    .arrow_list:not([class*="type_3"]) ol li:nth-child(6n+6) .lay:after{
        right:0; margin-right:-15px; margin-left:0;
        transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
    }
    .arrow_list:not([class*="type_3"]) ol li:nth-child(6n+4) .lay:after,
    .arrow_list:not([class*="type_3"]) ol li:nth-child(6n+7) .lay:after{
        right:50%; top:0; margin:-15px -15px 0 0;
        transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
    }


    .arrow_list.type_3 ol li:nth-child(1):before,
    .arrow_list.type_3 ol li:nth-child(2):before,
    .arrow_list.type_3 ol li:nth-child(3):before,
    .arrow_list.type_3 ol li:nth-child(4):before,
    .arrow_list.type_3 ol li:nth-child(4n+1):after{display:block;}

/* ********* 기업정보 ********* */
.intro_con{padding-top: 0;display: inline-block; margin-bottom: 100px;}
.intro_info {font-size: 32px;line-height: 1.2;letter-spacing: 0;font-weight: 100;padding-bottom: 60px;}
.intro_info span {font-size: inherit;font-weight: 500;}
.intro_txt_con{margin-top: 0px; float: right; width: calc(50% - 0px);}
.intro_txt_con .tit{font-size: 30px;font-weight: 600;letter-spacing: 0;color: #000;border-bottom: 1px solid #aaa;padding-bottom: 26px;}
.intro_txt_tb{margin-top: 40px; width: 100%; table-layout: fixed;}
.intro_txt_tb tr{border-bottom: 1px solid #e5e5e5;}
.intro_txt_tb th, .intro_txt_tb td{padding: 23px 0; font-size: 17px; line-height: 1.4; font-weight: 400; text-align: left;}
.intro_txt_tb th{width: 145px; letter-spacing: -0.65px; color: #666;}
.intro_txt_tb td{letter-spacing: -0.35px; color: #000;}
.intro_img_con{float: left; width: calc(50% - 50px);}
.intro_img_con img{display: inline-block; max-width: 100%; height: auto;}

/* ********* 기업정보 ********* */
@media all and ( max-width: 1360px ){
	.intro_txt_con{width: 52%;}
	.intro_img_con{width: 41%;}
}
@media all and ( max-width: 1024px ){
	.intro_txt_con{margin-top: 0; width: 100%; float: none;}
	
	.intro_img_con{margin-top: 30px; width: 100%; float: none; text-align: center;}
}
@media all and ( max-width: 768px ){
	.intro_info { font-size: 26px; line-height: 1.3; letter-spacing: -1px; font-weight: 100; padding-bottom: 60px;}
	.intro_con{padding-top: 35px;}
	.intro_txt_con .tit{font-size: 25px;}
	.intro_txt_tb{margin-top: 0px;}
	.intro_txt_tb th, .intro-txt-tb td{padding: 15px 0; font-size: 13px; line-height: 1.4;}
	.intro_txt_tb th{width: 100px;}
}

/* ********* 연혁 ********* */
.history dl {position:relative; background:url('../../assets/images/history_border.gif') repeat-y center 0;word-break:;}
.history dl dt {width:128px; margin:0 auto; border: 2px solid #0163c6; background:#fff; font-size:20px; font-weight:600; text-align:center; color: 0163c6; border-radius:25px; line-height:42px; box-sizing:border-box; font-family:'Poppins', Sans-serif;}
.history dl dd {display:block; position:relative; top:-40px; line-height:30px;}
.history dl dd b {width:22px; font-weight:600; color:#222; text-align:center; font-family:'Poppins', Sans-serif;}
.history dl.h_right {text-align:left;}
.history dl.h_left {text-align:right;}
.history dl.h_right dd {left:50%; margin-left:64px; padding-left:80px; background:url('../../assets/images/h_right_bg.png') no-repeat 0 13px;}
.history dl.h_left dd {right:50%; margin-right:64px; padding-right:80px; background:url('../../assets/images/h_left_bg.png') no-repeat right 13px;}
.history dl.h_right b {float:left; padding-right:15px;}
.history dl.h_left b {float:right; padding-left:15px;}
.history .TopCon {padding-top:60px; background:#f7f7f7;}
.history .BottomCon dl:first-child {padding-top:60px;}
.history .BottomCon dl.last {background-repeat:no-repeat; background-size:1px 46px;}

@media only screen and (max-width:1280px){
/* 연혁 */
.contentsArea.history {margin-bottom:0;}
.history dl dd {top:0;}
.history dl.h_right dd {margin-left:0;}
.history dl.h_left dd {margin-right:0;}
.history dl.last {padding-bottom:60px; background-repeat:repeat-y;}
.history dl dd li.pc {display:none;}
.history dl dd li.tablet {display:block;}
.history .BottomCon dl.last {background-repeat:repeat-y;}
}

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

/* 연혁 */
.history dl.h_right dd,
.history dl.h_left dd {padding:10px; background:none;}
.history dl.h_right b {padding-right:10px;}
.history dl.h_left b {padding-left:10px;}
}

@media only screen and (max-width: 640px) {
/* 연혁 */
.history dl {background-position:40px 0;}
.history dl dt {width:80px; font-size:16px; line-height:30px; margin:0;}
.history dl.h_right dd {left:40px;width: 276px;}
.history dl.h_left {text-align:left;}
.history dl.h_left b {float:left; width:22px; padding-left:0; padding-right:10px;}
.history dl.h_left dd {right:inherit; left:40px;width: 276px;}
.history dl.last {padding-bottom:6vw;}
.history .TopCon {padding:6vw 5% 0 5%; background-position:67px bottom;}
.history .BottomCon {padding:0 5%;}
.history .BottomCon dl:first-child {padding-top:6vw;}
}

/* ********* 오시는 길 ********* */
.locatio_address {margin-bottom: 32px;display: flex; align-items: center; justify-content: center;}
.locatio_address dt { margin-right: 14px; font-size: 18px; font-weight: 600; color: #000; text-align: left;}
.locatio_address dd { font-size: 19px; font-weight: 400; color: #4D4D4D; text-align: left; padding-top: 2px;}
.locatio_address dd:first-of-type { padding-top: 0; font-size: 18px;}
.locatio_address dd::after { display: inline-block; content: ''; width: 1px; height: 20px; margin: 0 24px; background: #C4C4C4; vertical-align: text-bottom;}
.locatio_address dd:last-child::after { display: none;}
.map_area {width:100%; height: 480px; margin-bottom: 60px; border: 1px solid #DCDCDC;}
.map_area .map { height: 100%;width:100%;}
.traffic_info_area { padding-bottom: 18px; border-top: 1px solid #000;display: flex;}
.traffic_info_area h3 { width: 29.1%; padding-top: 27px; font-size: 28px; font-weight: 500; color: #000; text-align: left;}
.traffic_info_area .traffic_wrap { width: 70.9%;}
.traffic_info_area .traffic_wrap .box { padding: 18px 0 42px; border-bottom: 1px solid #DCDCDC;display: flex;}
.traffic_info_area .traffic_wrap .box .img-wrap { overflow: hidden; width: 60px; height: 60px; margin-right: 12px;}
.traffic_info_area .traffic_wrap .box .txt-wrap { width: calc(100% - 60px);}
.traffic_info_area .traffic_wrap .box .txt-wrap p { padding: 13px 0 20px; font-size: 22px; font-weight: 500; color: #000; text-align: left;}
.traffic_info_area .traffic_wrap .box .txt-wrap ul li { margin-bottom: 8px;text-align: left;line-height: 1.5;}
.traffic_info_area .traffic_wrap .box:last-child { padding-bottom: 0; border-bottom: none;}

@media screen and (max-width: 1000px) {
.locatio_address dt, .locatio_address dd { font-size: 16px;}
.locatio_address dd::after { margin: 0 11px; }
}
@media screen and (max-width: 768px) {
.locatio_address { -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 20px;}
.locatio_address dt { width: 15vw; margin-right: 4.18919vw; font-size: 14px; padding-top: 5px;}
.locatio_address dt:nth-child(5) { width: auto;}
.locatio_address dd { width: 34.3%; font-size: 14px; word-break: keep-all; line-height: 1.57; margin-top: 1.08108vw;}
.locatio_address dd:nth-child(2) { width: 76.35135vw; margin-bottom: 5px; font-size: 14px;}
.locatio_address dd:nth-child(4),
.locatio_address dd:nth-child(6) { margin-top: 0; line-height: 1.7;}
.locatio_address dd::after { display: none;}
.map_area { margin-bottom: 8.10811vw;  height: 64.86486vw;}
.traffic_info_area { display: block;  }
.traffic_info_area h3 { width: 100%; padding-top: 4.05405vw; font-size: 18px;}
.traffic_info_area .traffic_wrap { width: 100%; }
.traffic_info_area .traffic_wrap .box { padding: 5.40541vw 0 9.45946vw; }
.traffic_info_area .traffic_wrap .box .img-wrap { width: 12.16216vw; height: 12.16216vw; margin-right: 2.02703vw;}
.traffic_info_area .traffic_wrap .box .txt-wrap p { padding: 2.16216vw 0 5.40541vw; font-size: 16px;}
.traffic_info_area .traffic_wrap .box .txt-wrap ul li { display: block; margin-bottom: 5.40541vw;}
.traffic_info_area .traffic_wrap .box .txt-wrap ul li:last-child { margin-bottom: 0;}
}

@media all and (min-width:768px) {
.inner_section{position:relative;width: 1130px;padding: 140px 0 30px;margin:0 auto;box-sizing:border-box;}
.inner_section_sty02 {padding: 40px 0;position:relative;width: 1130px;margin:0 auto;box-sizing:border-box;}
.inner_section_sty03 {padding: 20px 0 50px 0;position:relative;width: 1130px;margin:0 auto;box-sizing:border-box;}
	#subcontainer > .title_section h2{font-size: 45px;color: #000;letter-spacing: 0;}
	#subcontainer > .title_section h2.sty02{font-size: 35px; letter-spacing: -1.5px;}
	#subcontainer > .title_section .path_nav{display:block;position:absolute;right:0;bottom:45px;text-align:right;}
	#subcontainer > .title_section .path_nav li{position:relative;display:inline-block;padding-right:20px;margin-right:10px;font-size:16px;color:#b3b3b3;vertical-align:top;font-weight: 300;}
	#subcontainer > .title_section .path_nav li:after{position:absolute;right:0;top:4px;content:"";display:block;width:7px;height:10px;background:url(../../assets/images/icon_pathnav.png) no-repeat right center;}
	#subcontainer > .title_section .path_nav li:last-child{font-weight:500;padding-right:0;}
	#subcontainer > .title_section .path_nav li:last-child:after{display:none;}
	#subcontainer > .title_section .path_nav_sty02{display:block; padding-top: 20px;}
	#subcontainer > .title_section .path_nav_sty02 li{position:relative;display:inline-block;padding-right:20px;margin-right:10px;font-size:16px;color:#b3b3b3;vertical-align:top; font-weight: 300;}
	#subcontainer > .title_section .path_nav_sty02 li:after{position:absolute;right:0;top:4px;content:"";display:block;width:7px;height:10px;background:url(../../assets/images/icon_pathnav.png) no-repeat right center;}
	#subcontainer > .title_section .path_nav_sty02 li:last-child{font-weight:500;padding-right:0;}
	#subcontainer > .title_section .path_nav_sty02 li:last-child:after{display:none;}
	#fixedBg{position:fixed;top:0;height:100vh;background-size:cover;}
	
.group_section .top_section { height: 427px;}
.inner_section { width: 1130px; margin: 0 auto; padding: 70px 0;}
.group_section .top_section p {font-size: 32px;line-height: 47px;min-height: 174px;letter-spacing: 0;}
.group_section .top_section p i { display: block;font-style: normal;}
.group_section .content_section > .inner_section { width: 1130px; margin: 0 auto; padding: 70px 0 40px;}
.group_section .group_info { position: relative;}
.group_section .group_info .group_name { float: left; width: 286px; margin: 0;}
.group_section .group_info .group_name h3 { margin-bottom: 20px; font-size: 71px; line-height: 90px;}
.group_section .group_info .group_name h3.magazine	{ margin-bottom: 20px; font-size: 53px; line-height: 1; color: #000; letter-spacing: -3px; font-family: 'Poppins';font-weight: 600;}
.group_section .group_info .group_name h4 { font-size: 30px;padding-top: 8px;}
.group_section .group_info .detail_info { float: right; width: 820px;}
.group_section .group_info:after { content: ""; clear: both; display: block;}
.group_section .group_info .detail_info p {margin-bottom: 40px;font-size: 19px;line-height: 32px;/* letter-spacing: -1px; */color: #333;font-weight: 400;letter-spacing: 0;}
}


/* 푸터 */
.footer{background: #333;color: #a3a3a3;clear:both;position: relative; z-index: 10; }
.footer .ft_bot {padding: 17px 0;color: #a8aaad;border-top: 1px solid #4b5158;}
.ft_bot .tit { color: #fff; margin-bottom: 26px;}
.ft_box {display: flex}
.ft_info {width: calc(28% - 30px);margin-right: 30px;}
.ft_sns {width: calc(27% - 30px);margin-right: 30px;}
.ft_family {width: calc(15% - 30px);margin-right: 0px;}
.footer_info {display: block;text-align: left;color: #666;font-weight: 400;line-height: 22px; font-size:12px; word-break: break-word;margin-bottom: 20px;}
.footer_info p {word-break: keep-all;margin-bottom: 0;font-size: 13px;color:#ddd;letter-spacing: 0;}
.footer_info p a {color:#ddd; text-decoration:none;}
.footer_info span {position: relative;clear: both;display: inline-block;}
.footer_info span.line {margin: 0 3px 0 7px;color: #666;}
.footer_info .copy {font-weight:normal}
.ft_sns {/* margin-bottom: 20px; */}
.ft_sns ul {}
.ft_sns ul { display: flex;}
.ft_sns ul li:not(:last-child) { margin-right: 15px;}
.ft_sns ul a { width: 50px; height: 50px; border-radius: 50%; background: rgba(255, 255, 255, 0.1); transition: all 0.5s; display: flex; align-items: center; justify-content: center;}
.ft_sns ul a:hover { background: #d31f21;}
.ft_copy {padding: 14px 0; color: #a8aaad; border-top: 1px solid #4b5158; text-align: center; font-size: 12px; letter-spacing: 0;}
/* 패밀리 사이트¸*/
#family_site {position: relative;float: left;top: 0;left: -10px;padding: 0px;background: url(../../assets/images/bg_family_site.png) no-repeat;height: 55px;}
#family_site h4 {cursor: pointer;padding: 18px 0px;margin: 0;width: 160px;/* line-height: 50px; */}
#family_site span {display: none;}
#family_site #site_list {position: absolute;bottom: 53px;width: 160px;height: 0;margin: 0;overflow: auto;background: #333;color: #a3a3a3;border: 1px solid #9999;}
#family_site #site_list a:hover,
#family_site #site_list a:focus {color:#0066cc; text-decoration:none;}
#family_site #site_list ul {list-style: none;margin: 0;padding: 0;text-align: left;overflow: hidden;}
#family_site #site_list ul li {display:block;}
#family_site #site_list ul li a {display: block;padding: 10px 15px;clear: both;/* font-weight: 400; *//* line-height: 20px; */color: #999;font-size: 14px;font-family: Noto Sans KR;}
#family_site #site_list ul li a:hover,
#family_site #site_list ul li a:focus {background-color:#555; color:#fff; text-decoration:none;}


@media all and (max-width:1310px){
/* 레이아웃 */
#wrap {min-width:320px; }
}


/* 미디어쿼리 시작 */

@media (min-width: 1025px) {
  .gnb_nav .navbar-toggle {  display: none; }
  .gnb_nav .navbar-collapse.collapse {  display: block; }
  .gnb_nav.navbar-reverse .gnb_nav_header {  float: right; }
  .gnb_nav.navbar-reverse .logo {  margin: 0 0 0 30px; text-align: right;}
  .gnb_nav.navbar-reverse .extension-nav { float: left; margin-right: 20px; margin-left: 0;}
  .gnb_nav.navbar-reverse .extension-nav li { float: right;}
  .gnb_nav .gnb_menu { float: left;}
  .gnb_nav .gnb_menu > li { float: left;}
  .gnb_nav .gnb_menu > .dropdown > .dropdown-toggle { padding-right: 20px;}
  .gnb_nav .gnb_menu .dropdown .dropdown-menu { box-shadow: 0 0 0; border-radius: 0; width: 200px; border: solid 1px #eee;}
  .gnb_nav .gnb_menu .dropdown .dropdown-menu .dropdown-menu { left: 100%; top: 0;}
  .gnb_nav .gnb_menu .dropdown .dropdown-menu .dropdown:first-child > .dropdown-menu { top: -1px;}
  .gnb_nav .gnb_menu .dropdown .dropdown-menu > li > a { padding: 15px 12px;  border-top: solid 1px #eee;}
  .gnb_nav .gnb_menu .dropdown .dropdown-menu > li:first-child > a {  border-top: 0; }
  .gnb_nav .gnb_menu .dropdown .dropdown-menu .dropdown > .dropdown-toggle {  padding: 10px 20px 10px 12px; }
  .gnb_nav .gnb_menu .dropdown .dropdown-menu .dropdown > .dropdown-toggle:before {  float: right;  content: "\f105";  position: absolute;  right: 8px;}
  .gnb_nav .gnb_menu .dropdown .mega-menu.dropdown-menu {  max-height: 400px;  overflow-y: auto; }
  .gnb_nav .gnb_menu.gnb_menu-dropdown-right > .dropdown > .dropdown-toggle {  padding-left: 20px;  padding-right: 15px;}
  .gnb_nav .gnb_menu.gnb_menu-dropdown-right > .dropdown > .dropdown-toggle:after { left: 5px; right: inherit; }
  .gnb_nav .gnb_menu.gnb_menu-dropdown-right .dropdown-menu .dropdown-menu { left: -200px;}
  .gnb_nav .gnb_menu.gnb_menu-dropdown-right .dropdown .dropdown-menu { text-align: right;}
  .gnb_nav .gnb_menu.gnb_menu-dropdown-right .dropdown .dropdown-menu .dropdown > .dropdown-toggle { padding: 10px 12px 10px 20px;}
  .gnb_nav .gnb_menu.gnb_menu-dropdown-right .dropdown .dropdown-menu .dropdown > .dropdown-toggle:before {  float: left;  content: "\f104"; left: 8px; right: inherit;}
  .gnb_nav .gnb_menu.gnb_menu_right, .gnb_nav .gnb_menu.gnb_menu-list-right > li { float: right;}
  .gnb_nav .gnb_menu.gnb_menu-left {  float: left;}
  .gnb_nav.navbar-fixed.navbar-freez { position: fixed !important; top: 0; box-shadow: 0 1px 4px #eee;}
  .gnb_nav.navbar-transparent { background-color: transparent; border-color: transparent;}
  .gnb_nav.navbar-transparent .logo { color: #dddddd;}
  .gnb_nav.navbar-transparent .extension-nav > ul > li > a,
  .gnb_nav.navbar-transparent .gnb_menu > li > a { color: #dddddd; }
  .gnb_nav.navbar-transparent .extension-nav > ul > li.active > a,
  .gnb_nav.navbar-transparent .extension-nav > ul > li > a:hover,
  .gnb_nav.navbar-transparent .extension-nav > ul > li > a:focus,
  .gnb_nav.navbar-transparent .gnb_menu > li.active > a,
  .gnb_nav.navbar-transparent .gnb_menu > li > a:hover,
  .gnb_nav.navbar-transparent .gnb_menu > li > a:focus { color: #1085e4; }
  .gnb_nav.navbar-transparent .gnb_menu > li.gnb_nav_cta_btn a { border-color: #1085e4; color: #fff;  background: #1085e4;}
  .gnb_nav.navbar-transparent .gnb_menu > li.gnb_nav_cta_btn a:hover, 
  .gnb_nav.navbar-transparent .gnb_menu > li.gnb_nav_cta_btn a:focus { border-color: #fff; color: #1085e4; background: #fff;}
  .gnb_nav.logo-center .gnb_nav_header { width: 100%; position: absolute; text-align: center; top: 0; left: 0;}
  .gnb_nav.logo-center .logo { float: none; display: inline-block; margin: 0;}
  .gnb_nav.logo-center .navbar-collapse { text-align: center;}
  .gnb_nav.logo-center .navbar-collapse .col-half { width: 50%; float: left; display: block;}
  .gnb_nav.logo-center .navbar-collapse .col-half.left { padding-right: 120px;}
  .gnb_nav.logo-center .navbar-collapse .col-half.right { padding-left: 120px;}
  .gnb_nav.logo-center .gnb_menu { display: inline-block; padding: 0; }
  .gnb_nav .gnb_menu.gnb_menu-center {  float: none;  margin: 0 auto; display: table; }
}
@media (max-width: 1024px) {
.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; box-sizing: border-box;}
  .gnb_nav { background-color: #fff; border-color: #eee; }
  .gnb_nav.navbar-fixed.navbar-freez.wp-topbar { top: inherit;}
  .gnb_nav .logo { display: inline-block; float: none; text-align: center; margin: 13px 0 0 0px; color: #222;}
  .gnb_nav .logo h2 { margin-top: 0; }
  .gnb_nav.navbar-reverse .logo, .gnb_nav.navbar-reverse .logo {  margin: 0 -26px 0 15px;}
  .gnb_nav .gnb_nav_header { float: none; display: block; text-align: center; height: 60px;}
  .gnb_nav .navbar-toggle { display: inline-block; position: relative; float: left; font-size: 18px; margin: 12px 0 0 0; padding: 4px 10px; width: 38px; cursor: pointer; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; transition: all 0.3s ease-in-out; color: #222;}
  .gnb_nav .navbar-toggle:hover, .gnb_nav .navbar-toggle:focus { outline: 0; color: #222;background-color: #f6f6f6;}
  .gnb_nav.navbar-reverse .navbar-toggle { float: right;}
  .gnb_nav.navbar-reverse .extension-nav { left: 15px; right: inherit; margin-left: 0; margin-right: 15px;}
  .gnb_nav.navbar-reverse .extension-nav li { float: right;}
  .gnb_nav.navbar-reverse .gnb_menu > li.gnb_nav_cta_btn { margin-right: 0;}
  .gnb_nav .navbar-collapse { overflow-y: auto !important; border: 1px solid #eee;}
  .gnb_nav .dropdown .dropdown-toggle {  padding: 12px 24px 12px 12px;}
  .gnb_nav .dropdown .dropdown-toggle:before { float: right; content: "\f105"; font-size: 16px; position: absolute; right: 8px; }
  .gnb_nav .dropdown.on > .dropdown-toggle:before {  content: "\f107";}
  .gnb_nav .gnb_menu {  float: none !important;}
  .gnb_nav .gnb_menu .gnb_nav_cta_btn {  margin-top: 20px;}
  .gnb_nav .gnb_menu li {  float: none; }
  .gnb_nav .gnb_menu li a {  max-width: inherit;  padding: 12px;  font-weight: 600;  display: block;  cursor: pointer;  font-size: 14px;  line-height: 20px;  transition: all 0.3s ease-in-out;  color: #222; border-top: solid 1px #eee;}
  .gnb_nav .gnb_menu li a:hover,
  .gnb_nav .gnb_menu li a:focus, .gnb_nav .gnb_menu li.active > a,
  .gnb_nav .gnb_menu li .dropdown-menu li.active > a,
  .gnb_nav .gnb_menu li .dropdown-menu li a:hover,
  .gnb_nav .gnb_menu li .dropdown-menu li a:focus { color: #222; background-color: #ddd; }
  .gnb_nav .gnb_menu > li:first-child > a { border-top: 0;}
  .gnb_nav .gnb_menu > li.gnb_nav_cta_btn { margin-left: 0; }
  .gnb_nav .gnb_menu .dropdown .dropdown-menu { float: none; position: relative; left: 0; box-shadow: 0 0 0; border-radius: 0 0 0; border: 0; background-color: #efefef;}
  .gnb_nav.navbar-transparent { border-color: transparent;}
  .gnb_nav.logo-center .gnb_menu .dropdown .dropdown-toggle:before {  content: "\f105";  float: right;}
  .gnb_nav.logo-center .gnb_menu .dropdown.on > .dropdown-toggle:before { content: "\f107";}
  .gnb_nav.logo-center .col-half:first-child .gnb_menu { padding-bottom: 0; }
  .gnb_nav.logo-center .col-half:first-child .gnb_menu > li:first-child > a { border-top: 0;}
  .gnb_nav.logo-center .col-half:last-child .gnb_menu {padding-top: 0; }
  .gnb_nav.logo-center .col-half:last-child .gnb_menu > li:first-child > a { border-top: solid 1px #eee;}
  .gnb_nav .extension-nav { position: absolute; right: 15px; margin-right: 0;}
  .gnb_nav .extension-nav > ul > .dropdown > .dropdown-toggle,
  .gnb_nav .extension-nav > ul > li > a { padding: 20px 10px; color: #222;}
  .gnb_nav .extension-nav > ul > .dropdown > .dropdown-toggle:hover, .gnb_nav .extension-nav > ul > .dropdown > .dropdown-toggle:focus,
  .gnb_nav .extension-nav > ul > li > a:hover,
  .gnb_nav .extension-nav > ul > li > a:focus { color: #222; }
  .gnb_nav .extension-nav > ul .dropdown > .dropdown-toggle:before {  display: none; }
  .gnb_nav.mobile_sidebar .navbar-collapse { position: fixed; overflow-x: hidden; display: block; z-index: 99; width: 300px; height: 100% !important; max-height: 100%; left: -300px; top: 0; padding: 0 0 60px; margin: 0; transition: all 0.4s ease-in-out;
    background-color: #fcfcfc;}
  .gnb_nav.mobile_sidebar .navbar-collapse.show { left: 0; }
  .gnb_nav.mobile_sidebar .gnb_menu { padding: 15px; margin: 0;}
  .gnb_nav.mobile_sidebar.navbar-reverse .navbar-collapse { right: -300px; left: inherit; }
  .gnb_nav.mobile_sidebar.navbar-reverse .navbar-collapse.show { right: 0; left: inherit;}
.sungangdang {display: none;}
	
  body.mobile-left .gnb_nav_wrapper { margin-left: 300px; margin-right: -300px;}
  body.mobile-right .gnb_nav_wrapper { margin-right: 300px; margin-left: -300px;}
.main_con_tit h2 { position: relative; font-size: 32px; font-weight: 700; color: #000; letter-spacing: -2px;}
.main_con_stit { color: #666; font-size: 14px; font-weight: 400; line-height: 20px;}
.main_con_btit { font-size: 24px;}
  body .gnb_nav_wrapper { transition: all 0.4s ease-in-out; position: relative;}
.hellot {background: #fff url(../../assets/images/magazin_hellot.jpg) no-repeat left top;background-size: 220px;}
.aw {background: #fff url(../../assets/images/magazin_aw.jpg) no-repeat left top;background-size: 235px;}
.sandan {background: #fff url(../../assets/images/magazin_sandan.jpg) no-repeat right top; background-size: 220px;}
.book {background: #fff url(../../assets/images/magazin_book.jpg) no-repeat right top; background-size: 235px;}

.main_tbox { padding: 46px 0;}
.main_sfaw { background-size: 105px;}
.main_scm  { background-size: 160px;}
.main_magazin ul li:nth-child(3) { margin-bottom: 0;}
.main_magazin ul li:nth-child(4) { margin-bottom: 0;}
.footer {padding: 0 20px;}
}
@media (max-width: 767px) {
.gnb_nav .gnb_nav_header,
.gnb_nav .navbar-collapse { margin: 0;}
nav .global {float: right; padding-top: 12px;}
nav .global menu li { padding: 0 10px; font-size: 14px; line-height: 24px;  font-weight: 700;}
.sungangdang {display: none;}
.main_con { padding-bottom: 0;}
.main_con_tit { text-align: center; padding: 25px 0;}
.main_con_tit h2 {  position: relative;  font-size: 24px;  font-weight: 700;  color: #000;  letter-spacing: -1px;}
.main_con_btit { color: #333; font-size: 18px; font-weight: 600; padding-bottom: 2px; line-height: 1.5;}
.main_con_stit {line-height: 1.5;}
.main_magazin ul li.mleft { width: 100%; float: none;}
.main_magazin ul li.mright { width: 100%; float: none;}
.main_magazin ul li:nth-child(3) { margin-bottom: 20px;}
.main_magazin ul li:nth-child(4) { margin-bottom: 0;}
.hellot {background: #fff url(../../assets/images/magazin_hellot.jpg) no-repeat left top;background-size: 163px;}
.aw {background: #fff url(../../assets/images/magazin_aw.jpg) no-repeat left top;background-size: 162px;}
.sandan {background: #fff url(../../assets/images/magazin_sandan.jpg) no-repeat right top; background-size: 167px;}
.book {background: #fff url(../../assets/images/magazin_book.jpg) no-repeat right top; background-size: 167px;}
.main_makp ul { display: block;}
.main_makp ul li:first-child { width: auto; margin: 0 0 20px 0;}
.main_makp ul li { width: auto;margin-right: 0;height: 155px;margin: 0 0 20px 0}
.main_makp_dubiz_w { margin-top: 30px;}
.main_makp_market_w { text-align: left; margin-top: 30px;}
.main_tbox { padding: 19px 12px;}
.main_exhibition ul { display: block;}
.main_exhibition ul li { width: auto;  padding: 20px; margin-right: 0; margin-bottom: 15px;}
.main_exhibition ul li:last-child { margin-bottom: 0px;}
.main_sfaw {  background-image: url(../../assets/images/sfaw_logo.png); background-repeat: no-repeat; background-position: right;  padding: 10px;  background-size: 86px;}
.main_scm { background-image: url(../../assets/images/scm_logo.png); background-repeat: no-repeat; background-position: right 53px; padding: 25px 0 25px 0;background-size: 140px;}
.main_seminar_w { display: block;}
.main_1row { width: 100%;}
.main_2row { width: 100%;}
.main_seminar { padding: 35px 20px 0; height: 150px; margin-right: 0;margin-bottom: 20px;}
.main_seminar_sty02 {height: 150px;}
.main_seminar_edu02 {  background-image: url(../../assets/images/main_seminar_edu02.jpg);background-repeat: no-repeat;}
.main_marketing_w { background-image: none; background-color: #f6f6f6;padding-bottom: 15px;}
.main_marketing_box { display: block;}
.main_marketing p { padding: 8px 0 0 0;font-size: 16px;}
.main_marketing { width: auto; margin-right: 0; margin-bottom: 15px; padding: 20px 20px 15px 25px;}
.main_inquiry_box p { font-size: 18px; letter-spacing: -0.5px;}
.main_inquiry_box { padding: 20px 20px; text-align: center;}
/*#subcontainer { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;  box-sizing: border-box;}*/
#fixedBg { top: 30px; width: 100%; height: 345px;}
#subcontainer > .title_section > .inner_section { padding: 20px 20px;}
.inner_section_sty02 { padding: 0px 20px;/* word-break: break-all; */}
.inner_section_sty03 { padding: 0px 20px;}
#subcontainer > .title_section h2 { font-size: 24px;}
.inner_section { padding: 30px 20px 10px; clear: both;}
/*.group_section .content_section { padding: 30px 20px 10px;}*/
.group_section .top_section > .inner_section { padding: 50px 20px;}
.group_section .group_info .group_name { margin-bottom: 25px;text-align: center;display: inline-block;width: 100%;}
.group_section .group_info .group_name img {display: inline-block; text-align: center; width: 40%;}
.group_section .group_info .detail_info { float: none; width: 100%;}
.group_section .group_info .detail_info_sty02 { float: none; width: 100%; margin-top: -30px;}
.group_section .group_info .detail_info > div {clear: both;  display: flex;}
.group_section .top_section { height: 250px;}
.group_section .top_section p { font-size: 22px;line-height: 1.5;margin-bottom: 15px;}
.b_tit { font-size: 24px;margin: 12px 0 30px;}
.s_tit {font-size: 12px; font-weight: 300; letter-spacing: 0;}
.four_group_con {display: block;}
.four_group_con > div {width: auto;margin-bottom: 20px;}
.four_group_con > div:nth-child(2) { margin: 0 0px 20px 0px;}
.four_group_con > div:nth-child(3) { margin: 0 0px 20px 0;}
.four_group_con > div {  padding: 20px 10px;}
.four_group_con > div h4 {font-size: 26px;}
.four_group_con > div h5 {font-size: 18px;}
.four_group_con > div ul { margin: 10px 0 0;}
.four_group_con > div ul li { margin: 0 0 10px; letter-spacing: 0;font-size: 14px;}
.four_group_con > div span { margin: 10px auto;}
.tab_list { margin-top: 0px;}
.tab_item {font-size: 16px; padding: 30px 28px 10px 27px; margin: 0 8px 30px 0;}
.group_section .top_section .btn_link {width: 320px; width: 320px; height: 18px; line-height: 18px; background: url(../../assets/images/icon_golink.png) no-repeat 305px center transparent; background-size: 25px 13px; font-size: 14px;}
.main_makp_mtv{background-position: center;}
.footer {padding: 0 20px;}
.footer .ft_bot { padding: 20px 0;}
.ft_box {  display: block;}
.ft_info { width: 100%; margin-right: 0;}
.ft_sns { width: 100%; margin-right: 0;}
.ft_family { width: 100%; margin-right: 0px;display: inline-block;}
}
@media (max-width: 479px) {

  body.on-side {  margin-left: -250px;}
  body.mobile-left .gnb_nav_wrapper {  margin-left: 250px;  margin-right: -250px; }
  body.mobile-right .gnb_nav_wrapper { margin-right: 250px; margin-left: -250px; }
  .gnb_nav.mobile_sidebar .navbar-collapse {  width: 250px; left: -250px;}
}
@media (max-width: 782px) {
  .gnb_nav.mobile_sidebar.wp-topbar .navbar-collapse {  top: 46px;}
}