@charset "utf-8";

.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}

.col_app{color:#e21d88 !important;}
.col_app:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e21d88 !important;
}

.media{color:#1da4e2 !important;}
.media:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1da4e2 !important;
}


.col_video{color:#61a407 !important;}
.col_video:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #61a407 !important;
}
.col_vr{color:#ff5331 !important;}
.col_vr:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff5331 !important;
}

.col_leaflet{color:#603de3 !important;}
.col_leaflet:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #603de3 !important;
}


.sub_visual {position: relative;width:100%;height:100vh;overflow: hidden;}
.sub_visual .tit_g {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width: 100%;text-align: center;}
.sub_visual .tit_g span.tit {display: block;font-family:'gmarket';font-size:28px;font-weight:300;color:#fff;}
.sub_visual .tit_g strong.sub_tit {display: block;/* font-family: 'Cormorant Garamond'; */font-family:'gmarket'; font-size:48px;font-weight: 600;color:#fff;line-height:1.5;margin-top: 40px;}
.sub_visual .tit_g strong.sub_tit>span {display: block; letter-spacing:1rem;}
.sub_visual .scroll_btn {position: absolute;bottom:28px;left:50%;width:72px;height:72px;border-radius:50%;margin-left:-36px;}
.sub_visual .scroll_btn:before {content:"";position: absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#000;}
.sub_visual .scroll_btn:after {content:"";position: absolute;top:0;left:0;width:100%;height:100%;background:url(/images/sub/scroll_icon.png) no-repeat center;}
.sub_visual .bg {width:100%;height:100%;background:#f1f1f1;}

.sub1 .bg {background:url(/images/sub/sub_visual1.jpg) no-repeat center / cover;}
.sub2 .bg {background:url(/images/sub/sub_visual2.jpg) no-repeat center / cover;}
.sub3 .bg {background:url(/images/sub/sub_visual3.jpg) no-repeat center / cover;}
.sub4 .bg {background:url(/images/sub/sub_visual4.jpg) no-repeat center / cover;}

.sub3_view01 .bg {background:url(/images/sub/project/subpage_project_bg_01.jpg) no-repeat center / cover;}
.sub3_view02 .bg {background:url(/images/sub/project/subpage_project_bg_02.jpg) no-repeat center / cover;}
.sub3_view03 .bg {background:url(/images/sub/project/subpage_project_bg_03.jpg) no-repeat center / cover;}
.sub3_view04 .bg {background:url(/images/sub/project/subpage_project_bg_04.jpg) no-repeat center / cover;}
.sub3_view05 .bg {background:url(/images/sub/project/subpage_project_bg_05.jpg) no-repeat center / cover;}
.sub3_view06 .bg {background:url(/images/sub/project/subpage_project_bg_06.jpg) no-repeat center / cover;}
.sub3_view07 .bg {background:url(/images/sub/project/subpage_project_bg_07.jpg) no-repeat center / cover;}
.sub3_view08 .bg {background:url(/images/sub/project/subpage_project_bg_08.jpg) no-repeat center / cover;}
.sub3_view09 .bg {background:url(/images/sub/project/subpage_project_bg_09.jpg) no-repeat center / cover;}
.sub3_view10 .bg {background:url(/images/sub/project/subpage_project_bg_10.jpg) no-repeat center / cover;}
.sub3_view11 .bg {background:url(/images/sub/project/subpage_project_bg_11.jpg) no-repeat center / cover;}
.sub3_view12 .bg {background:url(/images/sub/project/subpage_project_bg_12.jpg) no-repeat center / cover;}


.sub3_video01 .bg {background:url(/images/sub/video/video_view_01_01.jpg) no-repeat center / cover;}
.sub3_video02 .bg {background:url(/images/sub/video/video_view_01_02.jpg) no-repeat center / cover;}
.sub3_video03 .bg {background:url(/images/sub/video/video_view_01_03.jpg) no-repeat center / cover;}
.sub3_video04 .bg {background:url(/images/sub/video/video_view_01_04.jpg) no-repeat center / cover;}
.sub3_video05 .bg {background:url(/images/sub/video/video_view_01_05.jpg) no-repeat center / cover;}
.sub3_video06 .bg {background:url(/images/sub/video/video_view_01_06.jpg) no-repeat center / cover;}
.sub3_video07 .bg {background:url(/images/sub/video/video_view_01_07.jpg) no-repeat center / cover;}
.sub3_video08 .bg {background:url(/images/sub/video/video_view_01_08.jpg) no-repeat center / cover;}
.sub3_video09 .bg {background:url(/images/sub/video/video_view_01_09.jpg) no-repeat center / cover;}
.sub3_video10 .bg {background:url(/images/sub/video/video_view_01_10.jpg) no-repeat center / cover;}
.sub3_video11 .bg {background:url(/images/sub/video/video_view_01_11.jpg) no-repeat center / cover;}
.sub3_video12 .bg {background:url(/images/sub/video/video_view_01_12.jpg) no-repeat center / cover;}
.sub3_video13 .bg {background:url(/images/sub/video/video_view_01_13.jpg) no-repeat center / cover;}
.sub3_video14 .bg {background:url(/images/sub/video/video_view_01_14.jpg) no-repeat center / cover;}
.sub3_video15 .bg {background:url(/images/sub/video/video_view_01_15.jpg) no-repeat center / cover;}
.sub3_video16 .bg {background:url(/images/sub/video/video_view_01_16.jpg) no-repeat center / cover;}
.sub3_video17 .bg {background:url(/images/sub/video/video_view_01_17.jpg) no-repeat center / cover;}
.sub3_video18 .bg {background:url(/images/sub/video/video_view_01_18.jpg) no-repeat center / cover;}
.sub3_video19 .bg {background:url(/images/sub/video/video_view_01_19.jpg) no-repeat center / cover;}
.sub3_video20 .bg {background:url(/images/sub/video/video_view_01_20.jpg) no-repeat center / cover;}
.sub3_video21 .bg {background:url(/images/sub/video/video_view_01_21.jpg) no-repeat center / cover;}
.sub3_video22 .bg {background:url(/images/sub/video/video_view_01_22.jpg) no-repeat center / cover;}
.sub3_video23 .bg {background:url(/images/sub/video/video_view_01_23.jpg) no-repeat center / cover;}
.sub3_video24 .bg {background:url(/images/sub/video/video_view_01_24.jpg) no-repeat center / cover;}
.sub3_video25 .bg {background:url(/images/sub/video/video_view_01_25.jpg) no-repeat center / cover;}
.sub3_video26 .bg {background:url(/images/sub/video/video_view_01_26.jpg) no-repeat center / cover;}
.sub3_video27 .bg {background:url(/images/sub/video/video_view_01_27.jpg) no-repeat center / cover;}
.sub3_video28 .bg {background:url(/images/sub/video/video_view_01_29.jpg) no-repeat center / cover;}
.sub3_video29 .bg {background:url(/images/sub/video/video_view_04_0008.jpg) no-repeat center / cover;}
.sub3_exhibition01 .bg {background:url(/images/sub/video/video_view_04_0005.jpg) no-repeat center / cover;}
.sub3_exhibition02 .bg {background:url(/images/sub/video/video_view_04_0006.jpg) no-repeat center / cover;}
.sub3_exhibition03 .bg {background:url(/images/sub/video/video_view_04_0007.jpg) no-repeat center / cover;}


.sub3_app01 .bg {background:url(/images/sub/app/app_view_01_01.jpg) no-repeat center / cover;}
.sub3_app02 .bg {background:url(/images/sub/app/app_view_01_02.jpg) no-repeat center / cover;}
.sub3_app03 .bg {background:url(/images/sub/app/app_view_01_03.jpg) no-repeat center / cover;}
.sub3_app04 .bg {background:url(/images/sub/app/app_view_01_04.jpg) no-repeat center / cover;}
.sub3_app05 .bg {background:url(/images/sub/app/app_view_01_05.jpg) no-repeat center / cover;}
.sub3_app06 .bg {background:url(/images/sub/app/app_view_01_06.jpg) no-repeat center / cover;}
.sub3_app07 .bg {background:url(/images/sub/app/app_view_01_07.jpg) no-repeat center / cover;}



.sub3_Replat01 .bg {background:url(/images/sub/etc/replat_view_01_01.jpg) no-repeat center / cover;}
.sub3_Replat02 .bg {background:url(/images/sub/etc/replat_view_01_02.jpg) no-repeat center / cover;}
.sub3_Replat03 .bg {background:url(/images/sub/etc/replat_view_01_03.jpg) no-repeat center / cover;}
.sub3_Replat04 .bg {background:url(/images/sub/etc/replat_view_01_04.jpg) no-repeat center / cover;}
.sub3_Replat05 .bg {background:url(/images/sub/etc/replat_view_01_05.jpg) no-repeat center / cover;}
.sub3_Replat06 .bg {background:url(/images/sub/etc/replat_view_01_06.jpg) no-repeat center / cover;}
.sub3_Replat07 .bg {background:url(/images/sub/etc/replat_view_01_07.jpg) no-repeat center / cover;}


.sub3_ar01 .bg {background:url(/images/sub/ar/video_view_03_01.jpg) no-repeat center / cover;}
.sub3_ar02 .bg {background:url(/images/sub/ar/video_view_03_02.jpg) no-repeat center / cover;}
.sub3_ar03 .bg {background:url(/images/sub/ar/video_view_03_03.jpg) no-repeat center / cover;}
.sub3_ar04 .bg {background:url(/images/sub/ar/video_view_03_04.jpg) no-repeat center / cover;}
.sub3_ar05 .bg {background:url(/images/sub/ar/video_view_03_05.jpg) no-repeat center / cover;}
.sub3_ar06 .bg {background:url(/images/sub/ar/video_view_03_06.jpg) no-repeat center / cover;}
.sub3_ar07 .bg {background:url(/images/sub/ar/video_view_03_07.jpg) no-repeat center / cover;}
.sub3_ar08 .bg {background:url(/images/sub/ar/video_view_03_08.jpg) no-repeat center / cover;}
.sub3_ar09 .bg {background:url(/images/sub/ar/video_view_03_09.jpg) no-repeat center / cover;}
.sub3_ar10 .bg {background:url(/images/sub/ar/video_view_03_10.jpg) no-repeat center / cover;}


.sub3_media01 .bg {background:url(/images/sub/media/video_view_04_01.jpg) no-repeat center / cover;}
.sub3_media02 .bg {background:url(/images/sub/media/video_view_04_02.jpg) no-repeat center / cover;}

.menu_tab{margin-top: 0px;}
.menu_tab ul{white-space: nowrap;overflow-y: hidden;overflow-x: auto;}
.menu_tab ul::-webkit-scrollbar{opacity: 0;height: 0;}
.menu_tab ul li{overflow: hidden;display: inline-block;}
.menu_tab ul li ~ li{margin-left: 30px;}
.menu_tab ul li > div{display: flex;align-items: flex-start;}
.menu_tab ul li button{background: none;border: none;font-size: 1.8em;position: relative;transition: 0.3s;padding-bottom: 8px;color:#565656;}
.menu_tab ul li.on button{ color:#000; font-weight:700;}
.menu_tab ul li.on button:before{content: "";position: absolute;bottom: 0;left: 0%;width: 100%;height: 2px;transition: 0.3s; background-color: #353535; }

.menu_tab ul li.on button::before{left: 0;width: 100%;}
.menu_tab ul li.on .leng{opacity: 1;}
.color_wrap.black .con_tit p{color: #fff;}
.color_wrap.black .menu_tab ul li button{color:#fff;}
.color_wrap.black .menu_tab ul li button.on:before{background-color: #353535;}
.color_wrap.white .con_tit p{color: #101010;}
.color_wrap.white .menu_tab ul li button{color:#101010;}
.color_wrap.white .menu_tab ul li button::before{background-color: #101010;}
@media all and (max-width:1200px){
	.content{padding: 40% 0 20%;}
	.con_tit p{font-size: 3.5rem;}
	.con_tit p ~ p{margin-top: 20px;}
	.menu_tab{margin-top: 25px;}
	.menu_tab ul{padding: 20px 0;}
	.menu_tab ul li ~ li{margin-left: 20px;}
}


.movieWrap{margin: 120px auto 0;}
.movieWrap .iframe {width: 100%;padding-top: 56.2%;position: relative;}
.movieWrap .iframe iframe {position: absolute;top: 0; left: 0; width: 100%; height: 100%;}


.board_view .project_img{text-align:center;}

.board_view .project_img img {
    margin: 160px auto 0;
    vertical-align: top;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}




.sub_tab {width:94%;max-width:1400px;margin:0 auto;padding:60px 0 0;}
.sub_tab>ul {display:flex;justify-content:center;}
.sub_tab>ul>li {width: 270px;margin-right:10px;}
.sub_tab>ul>li:last-child {margin-right:0;}
.sub_tab>ul>li>a {position: relative;display: block;font-family:'gmarket';font-size:16px;color:rgba(0,0,0,0.6);text-align: center;line-height: 1.7;letter-spacing: -0.02em;}
.sub_tab>ul>li>a:before {content:"";position: absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(0,0,0,0.3);}
.sub_tab>ul>li.on>a {color:#000;}
.sub_tab>ul>li.on>a:before {height:2px;background:#000;}

.scroll_top {position: fixed;bottom:30px;right:30px;width:72px;height:72px;border-radius:50%;background:#000 url(/images/sub/scroll_icon.png) no-repeat center;transform: rotate(180deg);display: none;z-index:100;}

.m00 {padding: 135px 0 0;}
.m00 * {font-family:'gmarket';}
.m00 .conwrap {width:94%;max-width:1400px;margin:0 auto;}
.m00 strong.page_tit {display: block;font-family: 'gmarket';font-size:54px;color:#111;letter-spacing:-0.025em;line-height: 1;text-align: center;padding-bottom: 100px;}
.m00 strong.sec_tit {display: block;font-family: 'gmarket';font-size:44px;color:#000 !important;line-height:1.1; text-align:left;}
.m00 p.txt1 {font-family:'gmarket';font-size:18px;font-weight:400;line-height:1.6;color:#454545; text-align:left;}
.m00 strong.page_tit img{width:120px;}

.m11 {}
.m11 .section1 {padding-bottom:372px;}
.m11 .section1 .conwrap {display:flex;max-width:1560px;}
.m11 .section1 .conwrap>div {width:50%;}
.m11 .section1 .conwrap>div .img_wrap {position: relative;}
.m11 .section1 .conwrap>div .img_wrap img {max-width:100%;}
.m11 .section1 .conwrap>div .text_wrap strong {display: block;font-family: 'gmarket';font-size:44px;color:#000;letter-spacing:-0.01em;margin-bottom:40px;}
.m11 .section1 .conwrap .left {}
.m11 .section1 .conwrap .left .text_wrap {padding:40px 0 100px 80px;}
.m11 .section1 .conwrap .right {padding-left: 9.2%;}
.m11 .section1 .conwrap .right .text_wrap {padding:110px 0 0;}

.m12 {}
.m12 .section1 {padding-bottom:180px;}
.m12 .section1 .text_wrap {text-align: center;}
.m12 .section1 strong.sec_text {position: relative;display:inline-block;text-align: center;font-family:'Cormorant Garamond';font-size:54px;color:#000;line-height:1.1;padding: 0 9.5%;}
.m12 .section1 strong.sec_text:before,
.m12 .section1 strong.sec_text:after {content:"";position: absolute;top: 50%;width:43px;height:31px;margin-top: -15px;}
.m12 .section1 strong.sec_text:before {left:0;background:url(/images/page/text_mark1.png) no-repeat center / contain;}
.m12 .section1 strong.sec_text:after {right:0;background:url(/images/page/text_mark2.png) no-repeat center / contain;}
.m12 .section2 {padding: 170px 0 190px;background:url(/images/page/bg_pattern.jpg);}
.m12 .section2 .text_l {margin-top: 120px;}
.m12 .section2 .text_l li {display:flex;align-items: flex-start;}
.m12 .section2 .text_l li .tit {display:flex;align-items: center;width: 280px;}
.m12 .section2 .text_l li .tit span.num {display: block;width: 45px;font-size:16px;color:rgba(0,0,0,0.7);}
.m12 .section2 .text_l li .tit strong {font-size:30px;font-weight: 600;color:#000;letter-spacing:-0.025em; font-family: 'gmarket';}
.m12 .section2 .text_l li .text_wrap {display:flex;justify-content: space-between;width: calc(100% - 280px);border-top: 2px solid #000;padding: 40px 0 90px;margin-top: 25px;}
.m12 .section2 .text_l li .text_wrap p {padding-right: 16%;}
.m12 .section2 .text_l li .text_wrap .icon {padding: 10px 0 0 45px;}

.m20 {}
.m20 .section1 {padding-bottom:180px;overflow: hidden;}
.m20 .section1 .conwrap {display: flex;align-items: center;max-width:1660px;width:97%;margin:0;float: right;}
.m20 .section1 .conwrap .text_wrap {width:46%;padding-right: 110px;padding-right: 6.5%; text-align:left;}
.m20 .section1 .conwrap .text_wrap p.txt1 {margin-top: 45px;}
.m20 .section1 .conwrap .img_wrap {position: relative;width:54%;}
.m20 .section1 .conwrap .img_wrap img {width:100%;}
.m20 .section2 {padding:170px 0 180px;}
.m20 .section2 strong.sec_tit {color:#fff;}
.m20 .section2 .circle_text {display:flex;justify-content: space-between;margin-top:110px;padding:0 85px;text-align: center;}
.m20 .section2 .circle_text li {position: relative;width: 27%;padding-bottom:27%;border-radius: 50%;border: 1px solid #fff;}
.m20 .section2 .circle_text li:before {content:"";position: absolute;top:50%;right: -35.5%;width: 35.5%;height:1px;background:#fff;opacity:0.3;}
.m20 .section2 .circle_text li:last-child:before {width:200%;right:-200%;}
.m20 .section2 .circle_text li:nth-child(1):after {content:"";position: absolute;top:50%;left:-200%;width:200%;height:1px;background:#fff;opacity:0.3;}
.m20 .section2 .circle_text li .inner {
	position: absolute;
	top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	display: flex;align-items: center;
	justify-content: center;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	border-radius: 50%;
	border: 1px dashed rgba(255,255,255,0.7);
}
.m20 .section2 .circle_text li .inner span {display: block;font-family:'gmarket';font-size:20px;font-weight:300;color:#fff;line-height:1.4;}

.m21 .section2 {background:url(/images/page/m21_img2.jpg) no-repeat center / cover;}
.m22 .section2 {background:url(/images/page/m22_img2.jpg) no-repeat center / cover;}
.m23 .section2 {background:url(/images/page/m23_img2.jpg) no-repeat center / cover;}
.m23 .section2 .circle_text {padding:0;}
.m23 .section2 .circle_text li {width: 23.7%;padding-bottom: 23.7%;}
.m23 .section2 .circle_text li:before {width: 8%;right: -8%;}
.m23 .section2 .circle_text li .inner {padding: 0 20px;}


.m31 {padding-bottom:190px;min-height: 120vh;}
.m31 .board_filter {}
.m31 .board_filter .board_wrap {position: relative;display:flex;}
.m31 .board_filter .select_form {width: calc(75% - 34px);}
.m31 .board_filter .select_form .select_box {display:flex;}
.m31 .board_filter .select_form .s_item {position: relative;width: 33.333%;}
.m31 .board_filter .smart_form {width: calc(25% - 35px);}
.m31 .board_filter .smart_form .s_item {width:100%;}
.m31 .board_filter .board_wrap .s_item.all {width:70px;}
.m31 .board_filter .board_wrap .s_item>a {
	display: block;
	width:100%;height:70px;
	border: 1px solid #ccc;
	font-family: 'gmarket';
	font-size: 17px;
	letter-spacing:-0.05em;
	line-height:70px;text-align: center;
}
.m31 .board_filter .board_wrap .s_item.on a.all_btn {color:#fff;background:#000;border-color:#000;}
.m31 .board_filter .board_wrap .s_item a.select_btn {text-align: left;padding:0 30px;background:url(/images/page/filter_icon.png) no-repeat center right 30px;border-left: none;}
.m31 .board_filter .board_wrap .s_item.on a.select_btn {color:#fff;background:#000 url(/images/page/filter_close.png) no-repeat center right 30px;border-color:#000;}
.m31 .board_filter .board_wrap .s_item .box {position: absolute;top: 100%;left: 0;width: 100%;border: 1px solid #ccc;border-top: none;background:#fff;z-index: 1;display: none;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l {display:flex;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li {width:33.333%;border-right:1px solid #ccc;padding: 50px 30px;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li:last-child {border-right: none;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li strong {display: block;font-family:'gmarket';font-size:17px;font-weight:400;color:#000;text-align: center;margin-bottom: 25px;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li .input_g {display:flex;flex-wrap:wrap;justify-content: space-between;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li .input_g .input {width:calc(50% - 5px);height:40px;margin-top: 10px;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li .input_g .input.all {margin-top:0;width:100%;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li .input_g .input input {display: block;}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li .input_g .input input + label {
	display: flex;
	align-items: center;
	justify-content: center;width:100%;height:100%;
	border:1px solid #ccc;
	font-family:
	'gmarket';font-size:17px;
	color:#555;
	text-align: center;
	letter-spacing:-0.025em;
	line-height: 1.2;
	background: none;
	padding: 0;
}
.m31 .board_filter .board_wrap .s_item .box ul.filter_l>li .input_g .input input:checked + label {border:2px solid #000;font-weight:500;line-height:36px;color:#000;}
.m31 .board_filter .board_wrap .s_item .box .btn_g {display:flex;border-top:1px solid #ccc;}
.m31 .board_filter .board_wrap .s_item .box .btn_g button {width:50%;height:80px;}
.m31 .board_filter .board_wrap .s_item .box .btn_g button p {display: inline-block;font-family:'gmarket';font-size:17px;padding: 5px 30px 5px 0;}
.m31 .board_filter .board_wrap .s_item .box .btn_g button.reset {background:#f5f5f5;}
.m31 .board_filter .board_wrap .s_item .box .btn_g button.search {background:#000;}
.m31 .board_filter .board_wrap .s_item .box .btn_g button.reset p {background: url(/images/page/reset_icon.png) no-repeat center right 0px;}
.m31 .board_filter .board_wrap .s_item .box .btn_g button.search p {color:#fff;background: url(/images/page/search_icon.png) no-repeat center right 0px;}
.m31 .board_filter .board_wrap .s_item select {display: none;position: absolute;top: 100%;left:0;width: 100%;height: auto;font-size: 17px;outline: none;border-radius: 0;border: 1px solid #ccc;border-top: 0;}
.m31 .board_filter .board_wrap .s_item select option {padding: 5px 30px;}
.m31 .board_filter .board_wrap .s_item select option:hover {background: #ddd;}
.m31 .board_filter .board_wrap .s_item label.s_tit {
	display: block;
	width:100%;height:70px;
	line-height:68px;
	border:1px solid #ccc;
	border-left: none;
	appearance:none;
	background:url(/images/page/select_acc.png) no-repeat center right 30px;
	padding:0 30px;
	font-family: 'gmarket';
	font-size: 17px;
	letter-spacing:-0.05em;outline: none;
	cursor: pointer;}
.m31 .board_filter .board_wrap .s_item label.s_tit.on {color:#fff;background:#000 url(/images/page/select_acc2.png) no-repeat center right 30px;border-color:#000;}


.m31 .board_list {display:flex;flex-wrap:wrap;margin-top:40px;}
.m31 .board_list>li {width:calc(25% - 24px);margin: 55px 32px 0 0;}
.m31 .board_list>li:nth-child(-n + 4) {margin-top:0;}
.m31 .board_list>li:nth-child(4n) {margin-right:0;}
.m31 .board_list>li .img_wrap img {width:100%;}
.m31 .board_list>li .text_wrap {margin-top: 25px;}
.m31 .board_list>li .text_wrap p.con {font-family:'gmarket';font-size: 17px;color:#555;line-height:1.6;}
.m31 .board_list>li .text_wrap span.view {position: relative;display: block;font-family:'gmarket';font-size:16px;font-weight:500;color:rgba(0,0,0,0.7);padding-left:12px;margin-top: 10px;}
.m31 .board_list>li .text_wrap span.view:before {content:"";position: absolute;top: 12px;left:0;width:6px;height:6px;border-radius:50%;background:#222;}

.board_view {padding-bottom:190px;}
.board_view .img_wrap img {max-width:100%;}
.board_view strong.tit {display: block;font-family:'gmarket';font-size:50px;font-weight:700;color:#232323;letter-spacing:-0.05em;line-height:1.35;margin-top: 0px;}
.board_view .text_wrap {display:flex;margin-top: 33px;}
.board_view .text_wrap .con {width:65%;padding-right: 5.5%;}
.board_view .text_wrap .con p.txt1 {}
.board_view .text_wrap .info {width:35%;}
.board_view .text_wrap .info table {width:100%;border-top:2px solid #000;margin-top: 0px;}
.board_view .text_wrap .info table * {font-family:'gmarket';font-size:18px;}
.board_view .text_wrap .info table th {font-weight:500;color:#000;text-align: left;padding: 18px 10px 18px 20px;border-bottom: 1px solid #b2b2b2;vertical-align: top;}
.board_view .text_wrap .info table td {color:#555;border-bottom: 1px solid #b2b2b2;padding: 18px 20px;line-height: 1.6;vertical-align: top;}
.board_view .list_btn {width:220px;height:72px;border-radius:36px;margin:95px auto 0;background:#000 url(/images/main/slide_btn.png) no-repeat center right 47px;}
.board_view .list_btn>a {display: block;padding:0 47px;font-family:'gmarket';font-size:16px;font-weight:300;color:#fff;line-height:72px;}

.m40 strong.page_tit {padding-bottom:140px;}
.m40 .section2 strong.sec_tit {font-size:50px;font-weight:400;text-align: center;}

.m41 {}
.m41 .section2 {padding:150px 0 170px;background:url(/images/page/m41_img1.jpg) no-repeat center / cover;}
.m41 .section2 strong.sec_tit {color:#fff;margin-bottom: 80px;}
.m41 .section2 .career_l {display:flex;margin-bottom: 10px;}
.m41 .section2 .career_l>li {display:flex;flex-direction:column;justify-content: center;align-items: center;width:calc(25% - 6px);height: 330px;margin-right:8px;background:#e1e1e1;padding: 3.2%;text-align: center;}
.m41 .section2 .career_l>li * {font-family:'gmarket';}
.m41 .section2 .career_l>li:last-child {margin-right:0;}
.m41 .section2 .career_l>li strong {display: block;font-family:'Cormorant Garamond';font-size:40px;color:#fff;line-height:1.2;letter-spacing:-0.025em;}
.m41 .section2 .career_l>li span.num {display: block;font-size:15px;font-weight:500;color:rgba(0,0,0,0.5);}
.m41 .section2 .career_l>li b {display: block;font-family: 'Cormorant Garamond';font-size: 34px;color:#000;line-height: 1;margin-top: 25px;}
.m41 .section2 .career_l>li .icon {margin-top: 30px;}

.m41 .section2 .career_l.list1>li:nth-child(1) {justify-content:center;align-items:center;background:#175982;text-align: center;}
.m41 .section2 .career_l.list2 {justify-content:flex-end;}

.m42 .section2 {padding:150px 0 180px;background:url(/images/page/bg_pattern.jpg);}
.m42 .section2 strong.sec_tit {font-weight:600;}
.m42 .section2 p.txt1 {text-align: center;margin-top: 30px;} 
.m42 .section2 form {margin-top:100px;}
.m42 .section2 form * {font-family:'gmarket';}
.m42 .section2 .form_wrap {display:flex;flex-wrap:wrap;justify-content:space-between;}
.m42 .section2 .form_wrap .input_g {width:calc(50% - 40px);margin-bottom:50px;}
.m42 .section2 .form_wrap .input_g:last-child {margin-bottom:0;}
.m42 .section2 .form_wrap .input_g.w100 {width:100%;}
.m42 .section2 .form_wrap .input_g strong.tit {display: block;font-size:20px;font-weight:500;color:#000;letter-spacing:-0.015em;margin-bottom:15px;}
.m42 .section2 .form_wrap .input_g strong.tit em {color:#f00000;}
.m42 .section2 .form_wrap .input_g input,
.m42 .section2 .form_wrap .input_g select {width:100%;height:60px;font-size:18px;padding:0 30px;border:1px solid rgba(0,0,0,0.2);outline: none;background: none;}
.m42 .section2 .form_wrap .input_g select {appearance:none;background:url(/images/page/select_arrow.png) no-repeat center right 30px;}
.m42 .section2 .form_wrap .input_g textarea {width:100%;font-size:18px;padding:15px 30px;border:1px solid rgba(0,0,0,0.2);outline: none;background: none;resize: none;}
.m42 .section2 .form_wrap .input_g input:focus,
.m42 .section2 .form_wrap .input_g select:focus,
.m42 .section2 .form_wrap .input_g textarea:focus {border-color: #000;color:#000;}
.m42 .btn1 {
	display: block;
	width:220px;height:72px;
	border-radius:36px;
	margin:95px auto 0;
	padding:0 47px;
	font-family:'gmarket';
	font-size:16px;font-weight:300;
	color:#fff;text-align: left;
	background:#000 url(/images/main/slide_btn.png) no-repeat center right 47px;
}

.paging {text-align: center;margin-top: 150px;}
.paging * {display: inline-block;vertical-align: top;width:50px;height:50px;font-family:'gmarket';font-size:18px;font-weight:300;color:#999;text-align: center;line-height:50px;margin:0 5px;}
.paging strong {border-radius:50%;background:#000;color:#fff;}
.paging a.page_begin {width: 16px;background:url(/images/page/page_begin.png) no-repeat center;margin-right:30px;}
.paging a.page_prev {width: 8px;background:url(/images/page/page_prev.png) no-repeat center;margin-right:50px;}
.paging a.page_next {width: 8px;background:url(/images/page/page_next.png) no-repeat center;margin-left:50px;}
.paging a.page_end {width: 16px;background:url(/images/page/page_end.png) no-repeat center;margin-left:30px;}
 


 /* motion */
.sub_visual .bg {transform:scale(1.07);transition:1.8s;}
.sub_visual.in-view .bg {transform:scale(1);}
.sub_visual .tit_g span.tit {opacity:0;transform:translateY(20px);transition:0.7s 0.2s;}
.sub_visual.in-view .tit_g span.tit {opacity:1;transform:translateY(0px);}
.sub_visual .tit_g strong.sub_tit>span {opacity:0;transform:translateY(20px);transition:0.7s 0.2s;}
.sub_visual.in-view .tit_g strong.sub_tit>span {opacity:1;transform:translateY(0px);}
.sub_visual .scroll_btn:before {transform:scale(0);transition:0.5s 0.6s;}
.sub_visual.in-view .scroll_btn:before {transform:scale(1);}
.sub_visual .scroll_btn:after {opacity:0;transition:0.7s 0.9s}
.sub_visual.in-view .scroll_btn:after {opacity:1;}

.sub_tab {opacity:0;transform:translateY(20px);transition:0.7s;}
.sub_tab.in-view {opacity:1;transform:translateY(0px);}

.m00 strong.page_tit {opacity:0;transform:translateY(20px);transition:0.7s;}
.m00 strong.page_tit.in-view {opacity:1;transform:translateY(0px);}
.m00 strong.sec_tit {opacity:0;transform:translateY(20px);transition:0.7s;}
.m00 strong.sec_tit.in-view {opacity:1;transform:translateY(0px);}

.m11 .section1 .conwrap>div .text_wrap strong,
.m11 .section1 .conwrap>div .text_wrap p.txt1 {opacity:0;transform:translateY(20px);transition:0.7s;}
.m11 .section1 .conwrap>div .text_wrap strong.in-view,
.m11 .section1 .conwrap>div .text_wrap p.txt1.in-view {opacity:1;transform:translateY(0px);}
.m11 .section1 .conwrap>div .img_wrap:before {content:"";position: absolute;top:0;right:0;width:100%;height:100%;background:#fff;transition:width 0.8s;}
.m11 .section1 .conwrap>div .img_wrap.in-view:before {width:0;}

.m12 .section1 strong.sec_text {opacity:0;transform:translateY(20px);transition:0.7s;}
.m12 .section1 strong.sec_text.in-view {opacity:1;transform:translateY(0px);}
.m12 .section2 .text_l li {opacity:0;transform:translateY(20px);transition:0.7s;}
.m12 .section2 .text_l li.in-view {opacity:1;transform:translateY(0px);}
.m20 .section1 .conwrap .text_wrap strong.sec_tit {padding-right: 10%;}
.m20 .section1 .conwrap .text_wrap p.txt1 {opacity:0;transform:translateY(20px);transition:0.7s;}
.m20 .section1 .conwrap .text_wrap p.txt1.in-view {opacity:1;transform:translateY(0px);}
.m20 .section1 .conwrap .img_wrap:before {content:"";position: absolute;top:0;right:0;width:100%;height:100%;background:#fff;transition:width 0.8s;}
.m20 .section1 .conwrap .img_wrap.in-view:before {width:0;}
.m20 .section2 .circle_text li {opacity:0;transform:translateX(-30px);transition:0.8s;}
.m20 .section2 .circle_text.in-view li {opacity:1;transform:translateY(0px);} 
.m41 .section2 .career_l.list1 {opacity:0;transform:translateX(-30px);transition:0.8s;}
.m41 .section2 .career_l.list2 {opacity:0;transform:translateX(30px);transition:0.8s;}
.m41 .section2 .career_l.in-view {opacity:1;transform:translateX(0px);}
.m42 .section2 p.txt1 {opacity:0;transform:translateY(20px);transition:0.7s;}
.m42 .section2 p.txt1.in-view {opacity:1;transform:translateY(0px);}
.m42 .section2 .form_wrap {opacity:0;transform:translateY(20px);transition:0.7s;}
.m42 .section2 .form_wrap.in-view {opacity:1;transform:translateY(0px);}

.adSwiper {
    width: 100%;
    margin: 180px 0 30px 0;
}