@charset "utf-8";
/* CSS Document */
body{ font-size:16px;}
.box0{ width:96%; margin:0 auto;}
.box1{ width:1300px; margin:0 auto; max-width:95%}
.box2{ width:1000px; margin:0 auto; max-width:95%}

.PC{ display:block !important}
.PHONE{ display:none !important}
.en{ font-family:'Ms','notokr';}
.st_font{font-family: sans-serif !important;}

.bg_gray{background: #f2f2f2; padding:0.5em 0 1em 0;}
.bg_gray2{background: #dadada; padding:0.5em 0 1em 0;}
#header{ position:absolute; left:0; top:0; width:100%; z-index:1000; border-bottom:1px solid rgba(255,255,255,.2);}
#header .left{ float:left;}
#header .right{ float:right; margin-right: .5%;}
#header .top_wrap,
#header .va_wrap{ height:4.5em}
#header .top_wrap.box0{ width:90%;}
#header .logo{ position:relative; height:100%; box-sizing:border-box}
#header .logo > a{ display:block; position:relative; background-image:url(../images/inc/logo_w.png); background-repeat:no-repeat; background-position:left center; background-size:contain; width:8em; height:80%; top:10%}
#header .logo > a img{ max-height:100%}

#header .top_wrap2{ z-index:111111111111; padding:5px 0;}
#header .top_wrap2 .tt{ display:block; line-height:20px; color:#fff; text-transform:uppercase;}
#header .top_wrap2 .mem_wrap{ float:left;}
#header .top_wrap2 .mem_wrap .tt > i,
#header .top_wrap2 .link_wrap .tt > i{ vertical-align:middle; padding:0 3px;}
#header .top_wrap2 .mem_wrap .tt,
#header .top_wrap2 .link_wrap .tt{ padding:0 10px; font-size:.950em; vertical-align:baseline}
#header .top_wrap2 .link_wrap > li:first-child{ margin-left:-10px}
#header .top_wrap2 .lang_wrap{ float:left; padding-left:10px;}
#header .top_wrap2 .lang_wrap .tt{ height:18px; line-height:18px; padding:0 10px; margin-left:-1px; border:1px solid #fff; font-family:'LatoB',sans-serif; font-size:.688em; letter-spacing:1px;}
#header .top_wrap2 .lang_wrap > li:hover .tt{ background:#000;}
#header .top_wrap2 .lang_wrap > li.on .tt{ background:#247bd2;}

#header .gnb_wrap .gnb{ text-align:center;}
#header .gnb_wrap .gnb > li{ position:relative}
#header .gnb_wrap .gnb > li:before,
#header .gnb_wrap .gnb > li:before{ left:50%}
#header .gnb_wrap .gnb > li:after{ right:50%}
#header .gnb_wrap .gnb > li .dp1{ color:#fff; display:block; padding:0 3em; transition:.3s; position:relative; font-family:'Ms','notokr'; font-weight:500;}
#header .gnb_wrap .gnb > li .dp1 .va{ position:relative; z-index:1; font-size: 1.375em;  /*font-family: 'Sunflower';*/}
#header .gnb_wrap .gnb > li .dp2{ position:absolute; left:50%; margin-left:-5.5rem; width:11rem; opacity:0; visibility:hidden; border:1px solid #ddd;  background:#fff;}
#header .gnb_wrap .gnb > li .dp2 > li{ display:block}
#header .gnb_wrap .gnb > li .dp2 > li > a{ height:auto; color:#888; text-align:center; padding:.8em .5em; border-top:1px dotted #999;}
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{ border-top:none}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:.938em; position:relative;}
#header .gnb_wrap .gnb > li:hover .dp1,
#header .gnb_wrap .gnb > li.on .dp1{color:#0c4da2}
#header .gnb_wrap .gnb > li:hover:before,
#header .gnb_wrap .gnb > li.on:before,
#header .gnb_wrap .gnb > li:hover:after,
#header .gnb_wrap .gnb > li.on:after{ opacity:1; width:50%}
#header .gnb_wrap .gnb > li:hover .dp1:after,
#header .gnb_wrap .gnb > li.on .dp1:after{ opacity:1}
#header .gnb_wrap .gnb > li:hover .dp2{ opacity:1; visibility:visible}
#header .gnb_wrap .gnb > li .dp2 > li:hover > a{ color:#04305d}
#header .gnb_wrap .gnb > li .dp2:after{ content:""; position:absolute; left:0; top:-3px; width:0; height:3px; background:#04438b; z-index:1; transition:.3s;}
#header .gnb_wrap .gnb > li:hover .dp2:after,
#header .gnb_wrap .gnb > li.on .dp2:after{ width:100%;}

#header .all_wrap{ padding:0 1em;}
#header .all_wrap .all{ position: fixed; z-index:1; right:0; top:0; width:100%; height:100%; opacity:0; visibility:hidden; transition:.3s}
#header .all_wrap .all:before{ content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5}
#header .all_wrap .all .in{ position: absolute; top:-100%; width:100%; height:100%; background:#fff; transition:.3s; padding:9em 0; }
#header .all_wrap.on .all{ opacity:1; visibility:visible}
#header .all_wrap.on .all .in{ top:0}
#header .all_wrap .gnb > li{ width:25%; position:relative; box-sizing:border-box; padding:0 .3em; margin-bottom:2.5em;}
#header .all_wrap .gnb > li:before,
#header .all_wrap .gnb > li:after { content:""; position:absolute; top:0; left:4%; width:92%; height:8px; transform:skew(-45deg); transition:.5s;}
#header .all_wrap .gnb > li:before{ background:#ccc;}
#header .all_wrap .gnb > li:after { background:#04438b; width:0;}
#header .all_wrap .gnb > li:hover:after { width:96%;}
#header .all_wrap .gnb > li .dp1{ height:70px; font-size:1.250em;}
#header .all_wrap .gnb > li .dp2{ margin:0 8px; padding:1rem 0; background:#fff; border:1px solid #ddd; box-shadow:1px 1px 5px rgba(0,0,0,.1); height:350px;}
#header .all_wrap .gnb > li .dp2 .va_wrap{ height:inherit;}
#header .all_wrap .gnb > li .dp2 > li{ padding:1em 1.5em;  display:block;}
#header .all_wrap .gnb > li .dp2 > li > a{ position:relative; font-size:.938em; transition:.2s; text-align: left; padding-left:10px;}
#header .all_wrap .gnb > li .dp2 > li > a:after{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;}
#header .all_wrap .gnb > li .dp2 > li:hover > a{ margin-left:.3em;}
#header .all_wrap .gnb li:hover > a{ color:#04305d;}
#header .all_wrap .gnb li:hover .dp2{ background:#fcfcfc; border-color:#ccc; transition:.2s;}
#header .all_wrap .tit_wrap .allClose{ position:absolute; top:1%; right:4%; font-size:1.8em; color:#999; transition:.3s;}
#header .all_wrap .tit_wrap .allClose:hover{ color:#04305d;}

#header .etc_wrap {}
#header .etc_wrap .all_wrap .all_btn{ display:block; color:#fff; line-height:4.5em; text-align:center; position:relative}
#header .etc_wrap .all_wrap .all_btn .xi{  font-size:2.25em; position:relative}


.sub #header,
#header:hover{}
.sub #header{ position:relative;}
.sub #header .gnb_wrap .gnb > li .dp1{color:#666;}
.sub #header:hover .gnb_wrap .gnb > li .dp1{ color:#111;}
#header:hover .gnb_wrap .gnb > li .dp1{ color:#fff;}
.sub #header .top_wrap2 .tt{ display:block; line-height:20px; color:#000; text-transform:uppercase;}

.etc_wrap .all_wrap .all_btn{color: #111;}
#header:hover .etc_wrap .all_wrap .all_btn { color:#fff;}
.sub #header .etc_wrap .all_wrap .all_btn{color: #666;}
.sub #header:hover .etc_wrap .all_wrap .all_btn { color:#111;}
.sub #header .logo > a{ background-image:url(../images/inc/logo.png);}
/*#header:hover .logo > a*/

.board_flex > li .in .img_a{
    width: 100%;
}


/*footer*/
#footer{ background:#333;}
#footer .f_top{; border-bottom:1px solid #444; padding:1em 0;}
#footer .f_menu > li{ display:inline-block;}
#footer .f_menu > li a{ margin-right:40px; color: #eee;}
#footer .f_logo{ margin-top:2.5em; width:120px; opacity:.5;}
#footer .f_info{ margin:2.5em 0 3.5em; box-sizing:border-box; padding-left:3em;}
#footer .info_wrap{ margin-bottom:1em;}
#footer .info_wrap > li { display:inline-block; font-size:.938em; margin:4px 30px 4px 0; color:#ddd;}
#footer .info_wrap > li a.cor{font-size:.938em; color:#00a0ea;}
#footer .copyright{ font-size:.875em; color:#999;}


#contents{}
#contents .doc{ padding:4em 0 4em 0}
#contents .sub_visual_wrap{ position:relative}
#contents .sub_visual_wrap .va_wrap{ position:relative; height:20em; overflow:hidden}
#contents .sub_visual_wrap .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#aaa; transform:scale(1,1); transition:2s}
#contents .sub_visual_wrap .slogan{ position:relative; margin-top:-2em;}
#contents .sub_visual_wrap .slogan .tit{ font-size:2.375em; font-weight:500; color:#fff; margin-right:5em; opacity:0; transition:1s;}
#contents .sub_visual_wrap .slogan .sec{ display:block; width:0; height:.1em; margin:1.25em auto; background:#fff; transition:1s; transition-delay:.5s}
#contents .sub_visual_wrap .slogan .nav{ font-size:.875em; color:#fff; opacity:0; line-height:1.5; transition:1s; transition-delay:.5s; display:none;}
#contents .sub_visual_wrap .slogan .nav .xi{ font-size:1em;}
#contents .sub_visual_wrap .slogan .nav .arrow{ margin:0 .3em 0 .2em}
#contents .sub_visual_wrap .slogan .nav .arrow:before{content:"\e93f"}
.load #contents .sub_visual_wrap .slogan .tit{ margin-right:0; opacity:1}
.load #contents .sub_visual_wrap .slogan .nav{ opacity:1}
.load #contents .sub_visual_wrap .slogan .sec{ width:2.5em}
#contents .sub_visual_wrap .sub_gnb_wrap{ position:absolute; left:0; bottom:1em; width:100%}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb{ text-align:center; margin-top:-1em;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp1{ display:none}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li.on .dp2{ display:block}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2{ margin-right:-7px;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li{width:14.2857%;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a{ background:rgba(255,255,255,.8); height:4.2em; color:#333; border-left:1px solid rgba(255,255,255,.1);transition:.3s; border-radius:6px; margin-right:7px;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li > a .va{ font-size:1.125em; transition:.3s;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a{ background:#fff;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li:hover > a .va{ opacity:1;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a{ background:#2f578d; color:#fff;}
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on > a .va,
#contents .sub_visual_wrap .sub_gnb_wrap .gnb > li .dp2 > li.on:hover > a .va{ opacity:1;}

#contents .sub_tit{ border-bottom:1px solid #ddd; padding:2em 0 1.5em; text-align:center}
#contents .sub_tit .tit{ font-weight:500; font-size:2.375em; color:#333}
#contents .sub_tit .tit .sTit{ display:block}


.agree_wrap{ padding:.5em; font-size:.875em; line-height:1.5}
.agree_wrap strong{ vertical-align:inherit; font-weight:bold;}



/*========================================================================main========================================================================*/
.main_con1{ margin:4em 0;}
.main_con1 .news_cont{ position:relative;}
.main_con1 .news_cont .in_con { box-sizing:border-box;}
.main_con1 .news_cont .in_con .news_list > li{ width:25%; background:#fff;}
.main_con1 .news_cont .in_con .news_list > li .n_in{ box-sizing:border-box; border:1px solid #ddd; transition:.3s; display:block;}
.main_con1 .news_cont .in_con .news_list > li .n_in .img_dv{ height:200px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.main_con1 .news_cont .in_con .news_list > li .n_in .txt_box{padding:1.5em 1.5em 1em; border-top:1px solid #ddd;}
.main_con1 .news_cont .in_con .news_list > li .n_in .txt_box .tt_dv{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.068em; margin-bottom:10px;}
.main_con1 .news_cont .in_con .news_list > li .n_in .txt_box .tx_dv{ line-height:1.5; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; white-space: normal; font-size:.875em; height:44px; color:#555; }
.main_con1 .news_cont .in_con .news_list > li .n_in .txt_box .date_dv{ color:#999; font-size:.85em; margin-top:20px; font-family: 'Ms';}
.main_con1 .news_cont .in_con .news_list > li .n_in .txt_box .date_dv .xi{ margin-right:5px; margin-top:-.25em;}
.main_con1 .news_cont .in_con .news_list > li .n_in .txt_box .more_btn{position: absolute; bottom: 0; right: 0; width:3.5em; line-height: 2.2em; background:#00a0ea; text-align: center; color: #fff; font-size: .938em;}
.main_con1 .news_cont .in_con .news_list > li .n_in:hover .txt_box .more_btn{ background:#0c4da2}
.main_con1 .news_cont .news_control{ position:absolute; top:-3.5em; right:0;}
.main_con1 .news_cont .news_control .i_btn{ width:2.8em; height:2.8em; line-height:2.8em; border:1px solid #ccc; text-align:center; font-size:.875em; color:#666; margin-left:3px; cursor:pointer}

/*메인공통*/
.main_tit{ text-align:center; margin-bottom:15px;}
.main_tit .t1{ font-size:1.5em; font-weight:500; color:#222;}
.main_tit.co_f .t1{ color:#fff;}
.main_tit.co_f .t2{ color:#eee;}


/*온라인 문의*/
.main_online{ background-image:url(../images/main/visual1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding:4em 0 9em;}
.main_online .main_tit .t1{ font-size:2.25em;}
.main_online .online_tt{ text-align:center; color:#fff; font-size:1.45em; font-weight:500;}
.main_online .online_tx{ text-align:center; color:#efefef; font-size:1.125em; margin-top:15px; margin-bottom:3em; line-height:1.5;}
.main_online .online_btn a{ display:inline-block; padding:1em 2.5em; background:#fff;}

/*고객센터*/
.main_cs{padding-top:3em;}
.main_cs .contact_box{ margin-top:2.5em; margin-bottom:8em;}
.main_cs .contact_box > li{flex:1 1 26%; border:1px solid #ddd; border-left:none; box-sizing:border-box;}
.main_cs .contact_box > li:first-child{ background:linear-gradient(45deg, #0d368e, #297fc8); color:#fff; flex:19%;}
.main_cs .contact_box > li:first-child .cont_in .cont_tt{ text-align:center; font-size:1.25em; font-weight:600; font-family:'Ms'; margin-top:1.7em;}
.main_cs .contact_box > li .cont_in{ box-sizing:border-box; padding:1.5em;}
.main_cs .contact_box > li .cont_in .cont_t1{ color:#555; font-weight:600; font-size:1.125em; font-family:'Ms';}
.main_cs .contact_box > li .cont_in .cont_t1 .xi{ margin-right:6px;}
.main_cs .contact_box > li .cont_in .cont_t2{ margin-top:5px; color:#222; line-height:1.5;}
.main_cs .contact_box > li .cont_in .cont_t2 .c_point{ font-weight:600; font-size:1.25em;}


.com_list{ margin-right:-25px;}
.com_list li{ float:left; width:25%;}
.com_list li .in{ margin-right:25px; text-align:center;}
.com_list li .in .in_img{}
.com_list li .in .in_tx{  margin-top:25px;}
.com_list li .in .in_tx .icon{ width:45px; height:45px; line-height:48px; text-align:center; background:#648d01; border-radius:50%; font-size:1.1em; color:#fff; margin:0 auto;}
.com_list li .in .in_tx .tw1{ color:#126108; font-size:1.4em; margin:10px 0 18px;}
.com_list li .in .in_tx .tw2{  line-height:1.4;}


.w100{ width:100% !important;}
.main_cs{ margin-bottom:8em;}
.main_cs .cs_in_wrap{ margin-right:-35px;}
.main_cs .cs_in_wrap .cs_tt{ font-size:1.375em; font-weight:500; color:#333; margin-bottom:.7em;}
.main_cs .cs_in_wrap .in{ margin-right:35px;}
.main_cs .cs_in_wrap .cs_notice{flex: 1 50%;}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a{ border:1px solid #ddd; margin-top:-1px; box-sizing:border-box; padding:1.6em 1.5em; display:block;}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a:after{ display:block; clear:both; content:'';}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li:first-child a{ margin-top:0;}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a .n_tt{ float:left; width:calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1.068em;}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a:hover .n_tt{color:#10388b}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a .n_xi{ float:right; color:#666; width:50px; text-align:right; margin-top:8px;}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a:hover .n_xi{color:#10388b}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a .n_date{ font-size:.813em; color:#666; font-family:'Ms'; margin-bottom:3px;}
.main_cs .cs_in_wrap .cs_notice .in .notice_list li a:hover .n_date{color:#10388b}
.main_cs .cs_in_wrap .cs_map{flex: 1 50%;}
@media screen and (max-width:1090px){	
.main_cs .cs_in_wrap .cs_map{flex: 1 51%; margin-top: 50px;}
}
.main_cs .cs_in_wrap .cs_map .cs_map_in{ border-bottom:1px solid #ddd;}
.main_cs .cs_in_wrap .cs_map .root_daum_roughmap .wrap_controllers{ display:none;}
.main_cs .cs_in_wrap .loc_info{background: #f9f9f9; border: 1px solid #ddd; box-sizing: border-box;  padding:.9em 1.5em;}
.main_cs .cs_in_wrap .loc_info .xi{width: 2em; line-height: 2em; border-radius: 50%; background: #07a3eb; text-align: center; color: #fff; font-size: 1em; margin-right:5px;}
.main_cs .cs_in_wrap .loc_info .in_t{ font-weight:500; font-size:1.068em; color: #333;}




.mainVisual .el{ height:100vh; position:relative; overflow:hidden}

.mainVisual .el:nth-of-type(1){}
.mainVisual .el:nth-of-type(1) .slogan .t1{text-align:right; opacity:0; margin-left:0;}
.mainVisual .el:nth-of-type(1) .slogan .t2{text-align:right; opacity:0; margin-left:0;}

.mainVisual .el:nth-of-type(2) .slogan .t1{text-align:right; opacity:0; margin-left:0;}
.mainVisual .el:nth-of-type(2) .slogan .t2{text-align:right; opacity:0; margin-left:0;}


.mainVisual .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; /*transform:scale(1.2,1.2);*/transition:3s; background-size:cover;}
.mainVisual .el .bg1{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; /*transform:scale(1.2,1.2);*/transition:3s; background-size:cover;}
.mainVisual .el .bg2{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; /*transform:scale(1.2,1.2);*/transition:3s; background-size:cover;}
.mainVisual .el .bg3{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; /*transform:scale(1.2,1.2);*/transition:3s; background-size:cover;}

.mainVisual_wrap{ position:relative}
.mainVisual_wrap .control_wrap{ position:absolute; left:0; bottom:2em; width:100%; z-index:100}
.mainVisual_wrap .control_wrap .wrap_in{ display:flex; align-items:flex-end}
.mainVisual_wrap .control_wrap .paging ol{ display:flex; align-items:flex-end}
.mainVisual_wrap .control_wrap .paging ol > li > a{ display:block; width:1em; height:1em; margin-top:4em; background:#fff; text-indent:-2em; overflow:hidden; font-size:.75em; margin-right:.5em; opacity:.5; transition:.3s}
.mainVisual_wrap .control_wrap .paging ol > li > a.flex-active{ height:5em; margin-top:0; opacity:1}
.mainVisual_wrap .control_wrap .nav{ display:flex; margin-left:1em}
.mainVisual_wrap .control_wrap .nav.direct{ margin-left:auto}
.mainVisual_wrap .control_wrap .nav .btn{ display:block; width:3em; line-height:3em; border:1px solid #fff; text-align:center; color:#fff; margin-right:-1px; opacity:.5; transition:.3s}
.mainVisual_wrap .control_wrap .nav .btn:hover{ opacity:1}
.mainVisual_wrap .control_wrap .auto .flex-play{ display:none}
.mainVisual_wrap .control_wrap .auto.on .flex-pause{ display:none}
.mainVisual_wrap .control_wrap .auto.on .flex-play{ display:block}
.mainVisual_wrap .control_wrap .auto.on .flex-play .btn{ opacity:1}

.mainVisual  .slogan_wrap{ position: absolute; left:6em; top:29vh; width:calc(100% - 12em);}
.mainVisual  .slogan{ width:75%; margin:auto; position:relative; padding:70px}


.mainVisual .el:nth-of-type(1) .slogan .line.line1{height:0; right:10%; bottom:90%; left:auto;}
.mainVisual .el:nth-of-type(1) .slogan .line.line2{width:0; left:90%; top:0; right:auto;}
.mainVisual .el:nth-of-type(1) .slogan .line.line3{height:0; right:0; top:0; left: auto;}
.mainVisual .el:nth-of-type(1) .slogan .line.line4{width:0; right:0; bottom:0; left:auto;}
.mainVisual .el:nth-of-type(1) .slogan .line.line5{height:0; right:20%; bottom:0;}
.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .line{transition: .5s}
.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .line.line1{height:10%; right:10%; bottom:90%; left:auto;}
.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .line.line2{width:10%; left:90%; top:0; right:auto; transition-delay:.5s;}
.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .line.line3{height:100%; right:0; top:0; left: auto; transition-delay:1s;}
.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .line.line4{width:20%; right:0; bottom:0; left:auto; transition-delay:1.5s}
.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .line.line5{height:10%; right:20%; bottom:0; left:auto; transition-delay:2s}

.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .t1{opacity:1; margin-left:0; transition:1s}
.mainVisual .el:nth-of-type(1).flex-active-slide .slogan .t2{opacity:1; margin-left:0; transition:1s; transition-delay:.5s}

.mainVisual .el:nth-of-type(2) .slogan .line.line1{height:0; right:10%; bottom:90%; left:auto;}
.mainVisual .el:nth-of-type(2) .slogan .line.line2{width:0; left:90%; top:0; right:auto;}
.mainVisual .el:nth-of-type(2) .slogan .line.line3{height:0; right:0; top:0; left: auto;}
.mainVisual .el:nth-of-type(2) .slogan .line.line4{width:0; right:0; bottom:0; left:auto;}
.mainVisual .el:nth-of-type(2) .slogan .line.line5{height:0; right:20%; bottom:0;}
.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .line{transition: .5s}
.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .line.line1{height:10%; right:10%; bottom:90%; left:auto;}
.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .line.line2{width:10%; left:90%; top:0; right:auto; transition-delay:.5s;}
.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .line.line3{height:100%; right:0; top:0; left: auto; transition-delay:1s;}
.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .line.line4{width:20%; right:0; bottom:0; left:auto; transition-delay:1.5s}
.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .line.line5{height:10%; right:20%; bottom:0; left:auto; transition-delay:2s}

.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .t1{opacity:1; margin-left:0; transition:1s}
.mainVisual .el:nth-of-type(2).flex-active-slide .slogan .t2{opacity:1; margin-left:0; transition:1s; transition-delay:.5s}


.mainVisual  .slogan .t1{ font-weight:700; font-size:2.65em; color:#fff; padding-bottom:.25em; opacity:0; margin-left:-10%; text-shadow:1px 1px 3px rgba(0,0,0,0.2);}
.mainVisual  .slogan .t2{  font-size:1.125em; color:#eee; line-height:1.5; opacity:0; margin-left:-10%}
.mainVisual  .slogan .line{ position:absolute; background:#fff; width:10px; height:10px}
.mainVisual  .slogan .line.line1{ height:0; left:10%; bottom:90%}
.mainVisual  .slogan .line.line2{ width:0; right:90%; top:0}
.mainVisual  .slogan .line.line3{ height:0; left:0; top:0}
.mainVisual  .slogan .line.line4{ width:0; left:0; bottom:0}
.mainVisual  .slogan .line.line5{ height:0; left:20%; bottom:0}
.mainVisual .flex-active-slide .slogan .line{ transition:.5s}
.mainVisual .flex-active-slide .slogan .line.line1{ height:10%}
.mainVisual .flex-active-slide .slogan .line.line2{ width:10%; transition-delay:.5s}
.mainVisual .flex-active-slide .slogan .line.line3{ height:100%; transition-delay:1s}
.mainVisual .flex-active-slide .slogan .line.line4{ width:20%; transition-delay:1.5s}
.mainVisual .flex-active-slide .slogan .line.line5{ height:10%; transition-delay:2s}
.mainVisual .flex-active-slide .slogan .t1{ opacity:1; margin-left:0; transition:1s}
.mainVisual .flex-active-slide .slogan .t2{ opacity:1; margin-left:0; transition:1s; transition-delay:.5s}

.flex-control-paging{ position:absolute; bottom:2em; width:100%; text-align:center; z-index:100; transition:.2s}
.flex-control-paging > li{ display:inline-block; *display:inline; zoom:1;}
.flex-control-paging > li > a{ display:block; width:15px; height:15px; margin:0 5px; font-size:0; position:relative; background:rgba(255,255,255,.6);  transition:.5s; border-radius:50%;}
.flex-control-paging > li > a.flex-active{ background:#fff; width:50px; border-radius:50px;}

.mainVisual_wrap .quk_wrap{ position:absolute; left: 50%; bottom: 8em; transform:translateX(-50%); z-index:99;}
/*.mainVisual_wrap .quk_wrap .quk_btn{position: absolute; bottom: 6em; left: 24.5%;}*/
/*.mainVisual_wrap .quk_wrap .quk_btn{position: absolute;bottom: 9em;left: 50%;transform:translate(-50%,50%);}*/
.mainVisual_wrap .quk_wrap .quk_btn{margin:0 11%;}
.mainVisual_wrap .quk_wrap .quk_btn > li{ flex: 1;}
.mainVisual_wrap .quk_wrap .quk_btn > li a{ padding: 2em 1em; color:#fff; transition:.3s; position:relative; display:block; opacity: 0.9;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb{border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb2{}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb3{}
.mainVisual_wrap .quk_wrap .quk_btn > li a.responb4{border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.mainVisual_wrap .quk_wrap .quk_btn > li a:hover{margin-top:-0.3em; transition: .4s;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.hov_cor1:hover{background-color: #244c87; opacity: 1;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.hov_cor2:hover{background-color: #47a3b8; opacity: 1;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.hov_cor3:hover{background-color: #68b369; opacity: 1;}
.mainVisual_wrap .quk_wrap .quk_btn > li a.hov_cor4:hover{background-color: #e3be61; opacity: 1;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt{font-size: 1.375em; font-weight:500; /*font-family:'sunflower';*/}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tw{ line-height:1.5; margin-top:10px; font-weight:300;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .ang .xi{ width:1.7em; line-height:1.7em; background:#fff; text-align:center; border-radius:50%; color:#777;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .icon{ position:absolute; bottom:1em; right:1;}

/*소개페이지 공통부분*/
.grt_box{margin-bottom:3em;}
.grt_head{font-size:1.5em; color:#111; font-weight:bold; margin-bottom:1rem; position:relative; display:inline-block;}
.grt_head:after{content:''; display:block; width:100%; height:1px; background:#111111; position:absolute; left:0; bottom:-.75rem;}
.grt_mid{font-size:1.5em; color:#111; font-weight:bold; margin-top:5rem; position:relative; display:inline-block;}
.grt_mid:after{content:''; display:block; width:100%; height:1px; background:#111111; position:absolute; left:0; bottom:-.75rem;}
.grt_mid2{font-size:1.5em; color:#111; font-weight:bold; margin-top:2rem; position:relative; display:inline-block;}
.grt_mid2:after{content:''; display:block; width:100%; height:1px; background:#111111; position:absolute; left:0; bottom:-.75rem;}
.grt_ctt{line-height:1.6; font-size:1.15em;}
.grt_logo_wrap{position:relative;}
.grt_logo_wrap:before{content:''; display:block; width:1px; height:85%; background:#999; position:absolute; left:-1.5rem; top:50%; transform:translateY(-50%);}
/*소개페이지 공통부분*/

/*소개페이지 시작*/
.intro_b {/*border:1px solid #eee; padding:3em 0 7em 0; background:url(../images/sub/culture_wbg.jpg) no-repeat center center; */margin-bottom:12em;}
.culture_con {}
.culture_con ul {margin-left:-10px;}
.culture_con ul li .inn {margin-left:16px; border:1px solid #ddd; height:320px; }
.culture_con ul li .inn.bg01 {background:url(../images/sub/sub1_6_img01.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn.bg02 {background:url(../images/sub/sub1_6_img03.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con ul li .inn.bg03 {background:url(../images/sub/sub1_6_img02.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}


.culture_con ul li .inn .tt {background:#fff; font-weight:400; font-size:1em; display:block; padding:1em; margin:320px 10px 0 10px; height:110px; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.culture_con ul li .inn .tt .txt{ text-align:center; line-height:1.5; display:block; padding:0 1em; word-break:break-all; color:#555;}
.culture_con ul li .inn .tt .col {font-size:1.375em; display:block; font-weight:700; padding-top:1.8em}

.intro_b2 {/*border:1px solid #eee; padding:3em 0 7em 0; background:url(../images/sub/culture_wbg.jpg) no-repeat center center; */margin-bottom:12em;}
.intro_b2 .culture_con {}
.intro_b2 .culture_con ul {margin-left:-10px;}
.intro_b2 .culture_con ul li .inn {margin-left:16px; border:1px solid #ddd; height:320px; }
.intro_b2 .culture_con ul li .inn.bg01 {background:url(../images/sub/sub1_1_1bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.intro_b2 .culture_con ul li .inn.bg02 {background:url(../images/sub/sub1_1_2bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.intro_b2 .culture_con ul li .inn.bg03 {background:url(../images/sub/sub1_1_3bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.intro_b2 .culture_con ul li .inn.bg04 {background:url(../images/sub/sub1_1_4bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}


.intro_b2 .culture_con ul li .inn .tt {background:#fff; font-weight:400; font-size:1em; display:block; padding:1em; margin:220px 10px 0 10px; height:110px; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.intro_b2 .culture_con ul li .inn .tt .txt{ text-align:center; line-height:1.5; display:block; padding:0 1em; word-break:break-all; color:#555;}
.intro_b2 .culture_con ul li .inn .tt .col {font-size:1.375em; display:block; font-weight:700; padding-bottom:.8em}

/*건강교실페이지*/
.subImg .txt {color:#fff; text-align:center; padding-top:150px; box-sizing:border-box;}
.subImg .txt .t1 {font-size:1.500em; margin-bottom:10px; font-weight:600; }
.subImg .txt .t2 {font-size:2.500em;}
.con1 {}
.con1.st1 {background:#f2f5f8;}
.con1.st1 ul{background:#fff; padding: 41px 10px 10px 10px; border:1px solid #ddd; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);}
.con1 .subTit_wrap{background: #006e9f; padding: 1em; box-sizing:border-box;}
.con1 .subTit_wrap .subTit{text-align:center; font-size:1.500em; font-weight:500; background:#006e9f; color:#fff;}
.con1 ul {width:100%; }
.con1 ul .iconLi {width:100%;  overflow:hidden; margin-bottom:3.25em; display:flex; align-items:center;}
.con1 ul .iconLi .left {width:30%; float:left; overflow:hidden; display:flex;}
.con1 ul .iconLi .left p.num {width:20%;; font-size:1.5em;  text-align:center; position:relative; padding-top:25px; box-sizing:border-box; margin-left:138px;}
.con1 ul .iconLi .left p.num:before {content:''; display:block; width:60%; height:1px; background:#000; position:absolute; left:50%; bottom:22px; transform:translateX(-50%);}
.con1 ul .iconLi .left p.circle {width:80%; display:flex; justify-content:center;}
.con1 ul .iconLi .left p.circle .num_icon{display:flex; width:75px; height:75px; background:#006e9f; justify-content:center; align-items:center; border-radius:50%; margin-right:20px;}
.con1 ul .iconLi .left p.circle i {color:#fff; font-size:2.750em; box-sizing:border-box;}
.con1 ul .iconLi .right {width:70%; float:left;}
.con1 ul .iconLi .txt {color:#000; line-height:1.6;}

.con2 {}
.con2.st1 {background:#ecaf51;}
.con2.st1 ul {background:#fff; padding: 41px 10px 10px 10px; border:1px solid #ddd; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);}
.con2 .subTit_wrap{background: #ecaf51; padding: 1em; box-sizing:border-box;}
.con2 .subTit_wrap .subTit{text-align:center; font-size:1.500em; font-weight:500; background:#ecaf51; color:#fff;}
.con2 ul {width:100%; }
.con2 ul .iconLi {width:100%;  overflow:hidden; margin-bottom:3.25em; display:flex; align-items:center;}
.con2 ul .iconLi .left {width:30%; float:left; overflow:hidden; display:flex;}
.con2 ul .iconLi .left p.num {width:20%;; font-size:1.5em;  text-align:center; position:relative; padding-top:25px; box-sizing:border-box; margin-left:138px;}
.con2 ul .iconLi .left p.num:before {content:''; display:block; width:60%; height:1px; background:#000; position:absolute; left:50%; bottom:22px; transform:translateX(-50%);}
.con2 ul .iconLi .left p.circle {width:80%; display:flex; justify-content:center;}
.con2 ul .iconLi .left p.circle .num_icon{display:flex; width:75px; height:75px; background:#006e9f; justify-content:center; align-items:center; border-radius:50%; margin-right:20px;}
.con2 ul .iconLi .left p.circle i {color:#fff; font-size:2.750em; box-sizing:border-box;}
.con2 ul .iconLi .right {width:70%; float:left;}
.con2 ul .iconLi .txt {color:#000; line-height:1.6;}

.con3 {}
.con3.st1 {background:#d17eae;}
.con3.st1 ul {background:#fff; padding: 41px 10px 10px 10px; border:1px solid #ddd; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);}
.con3 .subTit_wrap{background: #d17eae; padding: 1em; box-sizing:border-box;}
.con3 .subTit_wrap .subTit{text-align:center; font-size:1.500em; font-weight:500; background:#d17eae; color:#fff;}
.con3 ul {width:100%; }
.con3 ul .iconLi {width:100%;  overflow:hidden; margin-bottom:3.25em; display:flex; align-items:center;}
.con3 ul .iconLi .left {width:30%; float:left; overflow:hidden; display:flex;}
.con3 ul .iconLi .left p.num {width:20%;; font-size:1.5em;  text-align:center; position:relative; padding-top:25px; box-sizing:border-box; margin-left:138px;}
.con3 ul .iconLi .left p.num:before {content:''; display:block; width:60%; height:1px; background:#000; position:absolute; left:50%; bottom:22px; transform:translateX(-50%);}
.con3 ul .iconLi .left p.circle {width:80%; display:flex; justify-content:center;}
.con3 ul .iconLi .left p.circle .num_icon{display:flex; width:75px; height:75px; background:#006e9f; justify-content:center; align-items:center; border-radius:50%; margin-right:20px;}
.con3 ul .iconLi .left p.circle i {color:#fff; font-size:2.750em; box-sizing:border-box;}
.con3 ul .iconLi .right {width:70%; float:left;}
.con3 ul .iconLi .txt {color:#000; line-height:1.6;}

.con4 {}
.con4.st1 {background:#006e9f;}
.con4.st1 ul {background:#fff; padding: 41px 10px 10px 10px; border:1px solid #ddd; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);}
.con4 .subTit_wrap{background: #006e9f; padding: 1em; box-sizing:border-box;}
.con4 .subTit_wrap .subTit{text-align:center; font-size:1.500em; font-weight:500; background:#006e9f; color:#fff;}
.con4 ul {width:100%; }
.con4 ul .iconLi {width:100%;  overflow:hidden; margin-bottom:3.25em; display:flex; align-items:center;}
.con4 ul .iconLi .left {width:30%; float:left; overflow:hidden; display:flex;}
.con4 ul .iconLi .left p.num {width:20%;; font-size:1.5em;  text-align:center; position:relative; padding-top:25px; box-sizing:border-box; margin-left:138px;}
.con4 ul .iconLi .left p.num:before {content:''; display:block; width:60%; height:1px; background:#000; position:absolute; left:50%; bottom:22px; transform:translateX(-50%);}
.con4 ul .iconLi .left p.circle {width:80%; display:flex; justify-content:center;}
.con4 ul .iconLi .left p.circle .num_icon{display:flex; width:75px; height:75px; background:#006e9f; justify-content:center; align-items:center; border-radius:50%; margin-right:20px;}
.con4 ul .iconLi .left p.circle i {color:#fff; font-size:2.750em; box-sizing:border-box;}
.con4 ul .iconLi .right {width:70%; float:left;}
.con4 ul .iconLi .txt {color:#000; line-height:1.6;}

.con5 {}
.con5.st1 {background:#006e9f;}
.con5.st1 ul {background:#fff; padding: 41px 10px 10px 10px; border:1px solid #ddd; box-shadow: 3px 3px 10px rgb(0 0 0 / 10%);}
.con5 .subTit_wrap{background: #cd4962; padding: 1em; box-sizing:border-box;}
.con5 .subTit_wrap .subTit{text-align:center; font-size:1.500em; font-weight:500; background:#cd4962; color:#fff;}
.con5 ul {width:100%; }
.con5 ul .iconLi {width:100%;  overflow:hidden; margin-bottom:3.25em; display:flex; align-items:center;}
.con5 ul .iconLi .left {width:30%; float:left; overflow:hidden; display:flex;}
.con5 ul .iconLi .left p.num {width:20%;; font-size:1.5em;  text-align:center; position:relative; padding-top:25px; box-sizing:border-box; margin-left:138px;}
.con5 ul .iconLi .left p.num:before {content:''; display:block; width:60%; height:1px; background:#000; position:absolute; left:50%; bottom:22px; transform:translateX(-50%);}
.con5 ul .iconLi .left p.circle {width:80%; display:flex; justify-content:center;}
.con5 ul .iconLi .left p.circle .num_icon{display:flex; width:75px; height:75px; background:#006e9f; justify-content:center; align-items:center; border-radius:50%; margin-right:20px;}
.con5 ul .iconLi .left p.circle i {color:#fff; font-size:2.750em; box-sizing:border-box;}
.con5 ul .iconLi .right {width:70%; float:left;}
.con5 ul .iconLi .txt {color:#000; line-height:1.6;}

.prod_wrap{ margin:0 0 0 -1em}
.prod_wrap > li{ width:25%}
.prod_wrap > li .in{ margin:0 0 1em 1em; border:1px solid #ddd; padding:0 2em 2em 2em; text-align:center; cursor:pointer}
.prod_wrap > li .in .img.resize {padding-bottom:100% !important;}
.prod_wrap > li .in .img img{transform:scale(.9,.9); transition:.3s}
.prod_wrap > li .in .txt { border-top:1px solid #ddd; padding:1.5em 0;}
.prod_wrap > li .in .txt .t1{ font-size:1em; font-weight:400; color:#555; letter-spacing:.2px; line-height:2; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.prod_wrap > li .in .txt .t2{ font-size:1.5em; font-weight:600; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.prod_wrap > li .in .more{ position:relative; width:1.2em; height:1.2em; line-height:1.2em;}
.prod_wrap > li .in .more:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:#f5f5f5; transform:rotate(45deg); transition:.3s}
.prod_wrap > li .in .more:after{ content:"\e9c5"; position:relative; font-size:1em;}

.prod_wrap > li .in:hover .img img{transform:scale(1,1)}
.prod_wrap > li .in:hover .more{ color:#fff}
.prod_wrap > li .in:hover .more:before{transform:rotate(135deg); background:#003f87; border-color:transparent;}
.prod_wrap > li .in .img .prodLogo{ position:absolute; top:0; right:0; z-index:1111111;}

.prod_detail_wrap{ background:#f2f5f8; padding:60px 0 70px; box-sizing:border-box;}
.prod_detail_wrap .inner{ *zoom:1;}
.prod_detail_wrap .inner:after{ content:""; display:block; clear:both;}
.prod_detail_wrap .inner .slide_wrap{width:50%; position:relative;}
.prod_detail_wrap .inner .info_wrap {width:50%;}
.prod_detail_wrap .inner .slide_wrap .vm_tt{ max-width:100%;}
.prod_detail_wrap .inner .slide_wrap img{ display:inline-block; *display:inline; zoom:1;}

.prod_detail_wrap .inner .slide_wrap .item .img{ background:#fff; border:1px solid #ddd;}
.prod_detail_wrap .inner .slide_wrap .item .img.resize{ padding-bottom:75%;}
.prod_detail_wrap .inner .slide_wrap .prod_down_btn{ text-align:center; margin-top:1.5em;}
.prod_detail_wrap .inner .slide_wrap .prod_down_btn a{ display: inline-block; padding:.7em 1.8em; background:#aaa; margin:0 3px; background:#01478f; color:#fff;}
.prod_detail_wrap .inner .slide_wrap .prod_down_btn a.c_st1{ background:#12375d}
.prod_detail_wrap .inner .slide_wrap .prod_down_btn a .xi{ vertical-align:middle;}

.prod_detail_wrap .info_wrap .in{ padding:0 0 0 100px;}
.prod_detail_wrap .info_wrap .prod_tit{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.prod_detail_wrap .info_wrap .prod_tit .t1{ display:inline-block;*display:inline;zoom:1; margin:0 3px 10px 0; padding:4px 15px; border:1px solid transparent; border-radius:25px; font-size:.875em; text-transform:uppercase;}
.prod_detail_wrap .info_wrap .prod_tit .t1.c1{ border-color:#bbbbbb; background:#fff;}
.prod_detail_wrap .info_wrap .prod_tit .t1.c2{ border-color:#ff9000; background:#ff9000; color:#fff;}
.prod_detail_wrap .info_wrap .prod_tit .t1.c3{ border-color:#d12d33; background:#d12d33; color:#fff;}
.prod_detail_wrap .info_wrap .prod_tit .t2{ display:block; font-size:1.35em;}
.prod_detail_wrap .info_wrap .prod_tit .t3{ display:block; margin-top:5px; font-size:1em; color:#d12d33;}
.prod_detail_wrap .info_wrap .prod_info{}
.prod_detail_wrap .info_wrap .prod_info .info{ position:relative; padding:11px 0 15px 140px;}
.prod_detail_wrap .info_wrap .prod_info .info .tit{ position:absolute; top:10px; left:0; padding-left:10px;}
.prod_detail_wrap .info_wrap .prod_info .info .tit:before{ content:""; position:absolute; left:0; top:50%; margin-top:0px; width:4px; height:2px; background:#555;}
.prod_detail_wrap .info_wrap .prod_info .info .txt{ font-family:notokrR,sans-serif; color:#555;}


/*소개페이지 끝*/

/*주요업무페이지 시작*/
.intro_b {/*border:1px solid #eee; padding:3em 0 7em 0; background:url(../images/sub/culture_wbg.jpg) no-repeat center center; */margin-bottom:12em;}
.culture_con2 {}
.culture_con2 ul {margin-left:-10px;}
.culture_con2 ul li .inn {margin-left: 14px; border:1px solid #ddd; height:320px; }
.culture_con2 ul li .inn.bg01 {background:url(../images/sub/sub_2_1bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con2 ul li .inn.bg02 {background:url(../images/sub/sub_2_2bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con2 ul li .inn.bg03 {background:url(../images/sub/sub_2_3bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con2 ul li .inn.bg04 {background:url(../images/sub/sub_2_4bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.culture_con2 ul li .inn.bg05 {background:url(../images/sub/sub_2_5bg.jpg) ; background-size:cover; background-position:center center; background-repeat:no-repeat;}

.culture_con2 ul li .inn .tt {background:#fff; font-weight:400; font-size:1em; display:block; padding:2em 1em; margin:220px 10px 0 10px; height:110px; text-align:center; box-shadow:3px 3px 10px rgba(0,0,0,.2);}
.culture_con2 ul li .inn .tt .txt{ text-align:center; line-height:1.5; display:block; word-break:break-all; color:#555;}
.culture_con2 ul li .inn .tt .col {font-size:1.375em; display:block; font-weight:700; padding-bottom:.8em}
/*주요업무페이지 끝*/

/*조직도 부분 시작*/
.table_st{width: 100%; border-top:3px solid #00a0ea;}
.table_st th,
.table_st td{ height:2em; padding:.5em 1.5em; border:1px solid #dddddd; border-width:1px 0 1px 1px; color:#333; line-height:1.3;}
.table_st thead tr:first-child th:first-child,
.table_st tbody tr th:first-child{ border-left-width:0;}
.table_st thead th{ background:#f5f5f5;}
.table_st tbody th{ background:#fafafa; color:#111; font-weight:400;}
/*조직도 부분 끝*/

/*조직도 부분 시작*/
.table_st2{width: 100%; border-top:3px solid #00a0ea;}
.table_st2 th,
.table_st2 td{ height:2em; padding:.5em 1.5em; border:1px solid #dddddd; border-width:1px 0 1px 1px; color:#333; line-height:1.3; }
.table_st2 thead tr:first-child th:first-child,
.table_st2 tbody tr th:first-child{ border-left-width:0;}
.table_st2 thead th{ background:#f5f5f5;}
.table_st2 tbody th{ background:#fafafa; color:#111; font-weight:400;}
/*조직도 부분 끝*/

/*층별안내 시작*/
.tabSet{padding: 3px 3px 3em 3px; border: 2px solid #ddd; margin: 0 0 20px; border-radius: 4px; width:80%; margin: 0 auto;}
.tabSet ul{overflow: hidden; padding: 12px 12px 0; background: #00a0ea url(../images/bg1.png) repeat-x 0 0; border-radius: 4px;}
.tabSet ul li{float: left; padding: 0 4px 0 0;}
.tabSet ul li a{float: left; color: #333333; background-color: #ddd; padding: .45em 1.25em; /* display: none; */ border-radius: 4px 4px 0 0; text-shadow: 0 0 3px #ffffff; font-weight: bold; text-decoration: none; box-shadow: 0 0 5px #444444;}
.tabSet ul li a:hover{text-decoration: underline;}
.tabSet ul li a.on{background: #ffffff; color: #333333; cursor: default;}
.tabSet ul li a.on:hover{text-decoration: none;}
.panel{background: #ffffff; padding: .75em 15px .4em; margin: 0 0 .5em; width: 570px;}
/*층별안내 끝*/

/*협력기관 및 단체 시작*/
.board_flex{ margin:-2em 0 0 -2em; padding-bottom: 2rem;}
.board_flex > li .in{ margin:2em 0 0 2em}
.board_flex > li .in{ display:block; border:1px solid #ddd; overflow:hidden}
.board_flex > li .in .img_wrap{ display:block; padding:1em; position:relative}
.board_flex > li .in .img_wrap .resize{ padding-bottom:40%; background-size:auto}
.board_flex > li .in .img_wrap .btn{ position:absolute; z-index:1; left:50%; bottom:0; transform:translate(-50%,50%); width:2.25em; line-height:2.25em; border-radius:50%; background:#fff; box-shadow:0 0 .5em rgba(0,0,0,.2); text-align:center; transition:.3s}
.board_flex > li .in .img_wrap .btn:hover{ background:#00a0ea; color:#fff}
.board_flex > li .in .img_wrap .btn .icon{ font-size:1em}
.board_flex > li .in .img_wrap .btn.home{ margin-left:2em; opacity:0}
.board_flex > li .in .img_wrap .btn.home .icon:before{content:"\e902"}
.board_flex > li .in:hover .img_wrap .btn.home{ margin-left:0; opacity:1}
.board_flex > li .in .con_wrap{ display:block; background:#f5f5f5; text-align:center; padding:1.5em}
.board_flex > li .in .con_wrap .t1{ font-weight:500; color:#333}
.board_flex > li .in .con_wrap .btn{ margin-top:.25em}
.board_flex > li .in .con_wrap .btn .st{ }
.board_flex > li .in .con_wrap .btn .st .xi{ font-size:1em}
.board_flex.partner > li{ width:25%}
.board_flex.partner > li .in .img_wrap .resize{ padding-bottom:40%; background-size:contain}
.board_flex.ce > li{ width:25%}
.board_flex.ce > li .in .img_wrap .resize{ padding-bottom:141.6%; background-size:contain}
/*협력기관 단체 끝*/

/*MEMBER***************************/

.page_mg { margin-top:3em !important;}
.page_mg1{ margin-top:1em !important;}
.page_mg2{ margin-top:6em !important;}
.page_mg3{ margin-top:5em !important;}

.di_table{ display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box;}
.di_table .tr{ display:table-row;}
.di_table .th,
.di_table .td{ display:table-cell; vertical-align:middle;}

.member_wrap{ letter-spacing:-.5px;}
.member_wrap .login_box{ width:580px; max-width:100%; margin:0 auto;}
.member_wrap .join_box { width:680px; max-width:100%; margin:0 auto;}
.member_wrap .confirm_box{ width:45%; margin:0 auto}

.member_wrap .member_tit{ padding:0 0 2em 0; text-align:center;}
.member_wrap .member_tit .tit{ font-family:'NanumBarunGothicBold','NotoSans',sans-serif; font-size:2.500em; color:#3c3c3d; font-weight:600; letter-spacing:0; text-transform:uppercase;}
.member_wrap .member_tit .txt{ font-size:1.125em; color:#69696b; font-weight:300; padding-top:.8em;}

.member_wrap .member_form{ padding:2.5em 2em; border:1px solid #ccc; border-top-width:4px; border-top-color:#044ea3;}

.member_wrap .form > li:first-child{ margin-top:0;}
.member_wrap .form .inp_wrap{ position:relative; margin-top:.4em;}
.member_wrap .form .inp_wrap .xi{ position:absolute; top:0; left:0; width:2em; line-height:55px; text-align:center; font-size:1.750em; color:#3c3c3d;}
.member_wrap .form .inp_wrap .tt{ position:absolute; top:0; left:0; width:6em; line-height:55px; text-align:center; border-right:1px solid #ddd; color:#3c3c3d;}
.member_wrap .form .inp_wrap .inp{ box-sizing:border-box; width:100%; height:55px; padding:0 1em 0 4em; background:#fff; border:1px solid #ddd; border-radius:5px;}
.member_wrap .form .save_wrap{ margin-top:1.2em;}
.member_wrap .form .save_wrap .find{ padding-top:.3em; text-align:right;}
.member_wrap .form .save_wrap .find .link{ position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:.8em; padding-left:.8em; font-weight:300;}
.member_wrap .form .save_wrap .find .link:before{ content:""; position:absolute; top:10%; left:0; width:1px; height:80%; background:#ccc;}
.member_wrap .form .save_wrap .find .link:first-child{ margin-left:0; padding-left:0;}
.member_wrap .form .save_wrap .find .link:first-child:before{ display:none;}
.member_wrap .form .btn_wrap{ margin-top:.6em;}
.member_wrap .form .btn_wrap .btn{ display:block; box-sizing:border-box; text-align:center; width:100%; margin:.4em 0; padding:1em 1em; border:1px solid transparent; font-size:1.125em;}
.member_wrap .form .btn_wrap .btn.c1{ background:#2f578d; color:#fff;}
.member_wrap .form .btn_wrap .btn.c2{ background:#ffffff; border-color:#2f578d; color:#2f578d;}
.member_wrap .form .btn_wrap .btn.c3{ background:#3e3e49; color:#fff;}
.member_wrap .form .msg_wrap{ margin-top:2em;}
.member_wrap .form .msg_wrap .tt{ margin:.4em 0; font-size:.938em; color:#3c3c3d; font-weight:300;}
.member_wrap .form .msg_wrap .tt.icon{ position:relative; padding-left:1.6em;}
.member_wrap .form .msg_wrap .tt.icon .xi{ position:absolute; top:0; left:0; line-height:1;}
.member_wrap .form .id_wrap{ padding:3em 1em; background:#f5f5f5; border:1px solid #e5e5e5; text-align:center; font-size:1.125em;}
.member_wrap .form .id_wrap strong{ vertical-align:baseline; color:#3f3f9f; letter-spacing:0;}

.member_wrap .form .sns_wrap{ margin-top:2em;}
.member_wrap .form .sns_wrap .btn{ position:relative; display:block; margin-top:.4em; border:1px solid #ccc; border-radius:5px;}
.member_wrap .form .sns_wrap .btn:first-child{ margin-top:0;}
.member_wrap .form .sns_wrap .btn .tt{ display:block; box-sizing:border-box; line-height:55px; padding:0 1em 0 6em; color:#3c3c3d;}
.member_wrap .form .sns_wrap .btn .icon{ position:absolute; top:-1px; left:-1px; bottom:-1px; width:2em; line-height:57px; border-radius:5px 0 0 5px; text-align:center; font-size:2.000em; color:#fff;}
.member_wrap .form .sns_wrap .btn .icon.naver{ background:#2CB400;}
.member_wrap .form .sns_wrap .btn .icon.daum{ background:linear-gradient(-225deg, #6e9cfc 0%, #fb676a 70%, #ffe001 100%); font-family:'Ms','NotoSans',sans-serif; font-weight:600;}
.member_wrap .form .sns_wrap .btn .icon.google{ background:#1A73E8;}
.member_wrap .form .sns_wrap .btn .icon.kakao{ background:#FAE100; color:#3C1E1E;}
.member_wrap .form .sns_wrap .btn:hover{}

.member_wrap .form2{ margin-top:1.5em; padding-top:1.5em; border-top:1px dashed #ccc;}
.member_wrap .form2:first-child{ margin-top:0; padding-top:0; border-top:none;}
.member_wrap .form2 > li{ margin-top:.4em; font-weight:300;}
.member_wrap .form2 > li:first-child{ margin-top:0;}
.member_wrap .form2 .inp_wrap{ color:#3c3c3d;}
.member_wrap .form2 .inp_wrap select.input_st,
.member_wrap .form2 .inp_wrap input[type=text].input_st,
.member_wrap .form2 .inp_wrap input[type=password].input_st{ background-color:transparent;}
.member_wrap .form2 .inp_wrap input[disabled=disabled].input_st{ background-color:#f5f5f5;}
.member_wrap .form2 .check_wrap > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.member_wrap .form2 .check_wrap .label_wrap{ width:100%;}
.member_wrap .form2 .check_wrap .label_wrap > *{ width:33.33%; margin:.2em 0;}
.member_wrap .form2 .check_wrap .tit{ display:block; font-size:1.125em; padding-bottom:1em}
.member_wrap .form2 .check_wrap .check_ul{ background:#f9f9f9; padding:1em}
.member_wrap .form2 .check_wrap .check_ul.st{ background:#fff}
.member_wrap .form2 .check_wrap .check_ul.st > li{ padding:0}
.member_wrap .form2 .check_wrap .check_ul > li{ width:33.33%; padding:.3em 0}
.member_wrap .form2 .ess{ display:none;}
.member_wrap .form2 .required .ess{ display:inline-block;}
.member_wrap .form2 .field{ position:relative;}
.member_wrap .form2 .field .txt{ position:absolute; z-index:-1; top:50%; left:1.2em; transform:translate(0, -50%); transition:transform .2s ease-out; transform-origin:0 0;}
.member_wrap .form2 .field.on .txt{ color:#69696b; transform:translate(0, -110%) scale(.7,.7);}
.member_wrap .form2 .col .col_w1{ width:65.68%; margin-left:1%;}
.member_wrap .form2 .col .col_w1:first-child{ width:66.66%; margin-left:0;}
.member_wrap .form2 .col .col_w2{ width:32.34%; margin-left:1%;}
.member_wrap .form2 .col .col_w2:first-child{ width:33.32%; margin-left:0;}
.member_wrap .form2 .col .col_w3{ width:20%; margin-left:1%}
.member_wrap .form2 .col .mail_sec{ margin:0 0 0 1%; line-height:3.2em}

.member_wrap .form2 .tit.input_st{ background:#f5f5f5;}
.member_wrap .form2 .check_st{ position:relative; text-align:center; border-color:transparent; cursor:pointer;}
.member_wrap .form2 .check_st .on{ position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; background:#fff; border:1px solid #095282; border-radius:5px;}
.member_wrap .form2 .check_st .on ~ span{ position:relative; color:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on,
.member_wrap .form2 .check_st input:checked ~ .on{ background:#095282;}
.member_wrap .form2 .check_st:hover input ~ .on ~ span,
.member_wrap .form2 .check_st input:checked ~ .on ~ span{ color:#fff;}
.member_wrap .form2 .check_st input[type=checkbox],
.member_wrap .form2 .check_st input[type=radio]{ width:0; height:0; overflow:hidden; opacity:0;}

.member_wrap .type_wrap{}
.member_wrap .type_wrap > li{ width:50%;}
.member_wrap .type_wrap > li .inner{ border-left:1px solid #ddd; padding:0 2em; text-align:center;}
.member_wrap .type_wrap > li:first-child .inner{ border-left:none;}
.member_wrap .type_wrap .icon{ height:8em;}
.member_wrap .type_wrap .txt{ margin-top:1em; min-height:5em;}
.member_wrap .type_wrap .txt .t1{ font-size:1.500em; color:#3f3f9f;}
.member_wrap .type_wrap .txt .t2{ font-size:.938em; color:#69696b; padding-top:.4em;}
.member_wrap .type_wrap .btn{ display:inline-block; *display:inline; zoom:1; margin-top:1em; padding:.6em 2.5em; background:#fff; border:1px solid #3f3f9f; border-radius:5px; color:#3f3f9f; transition:.2s;}
.member_wrap .type_wrap .btn:hover{ background:#3f3f9f; color:#fff;}

.member_wrap .terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb;}
.member_wrap .terms_wrap > li{ padding-top:1.5em;}
.member_wrap .terms_wrap > li:first-child{ padding-top:0;}
.member_wrap .terms_wrap .tit{ margin-bottom:.6em; font-size:1.125em; color:#3c3c3d; font-weight:400;}
.member_wrap .terms_wrap .c1{ color:#d31717;}

.member_wrap .finish_wrap{ text-align:center;}
.member_wrap .finish_wrap .tit{ font-size:1.500em; color:#3c3c3d; letter-spacing:-1px;}
.member_wrap .finish_wrap .txt{ padding:.4em 0; color:#69696b; font-weight:300;}
.member_wrap .finish_wrap .join_fin{ font-size:.938em; color:#3c3c3d;}
.member_wrap .finish_wrap .join_fin .th,
.member_wrap .finish_wrap .join_fin .td{ padding:.8em 1.5em; border:1px solid #ddd; text-align:left;}
.member_wrap .finish_wrap .join_fin .th{ width:10em; background:#f5f5f5;}
.member_wrap .finish_wrap .join_fin .td{ width:auto; letter-spacing:0;}

.member_btn_wrap{ margin:1.5em 0 0 -.4em;}
.member_btn_wrap > *{ width:50%;}
.member_btn_wrap .in{ margin-left:.4em;}

.member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;}
.member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:10em; overflow-y:scroll;}
.member_agree .agree p{ padding:.5em 0;}
.member_agree .agree *{ vertical-align:baseline;}
.member_agree .agree strong{ color:#3c3c3d;}
.member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right;}
.member_agree h1{ color:#111; font-weight:500}

.page_step_wrap{ text-align:center;}
.page_step_wrap .step{ display:inline-block; *display:inline; zoom:1;}
.page_step_wrap .step > li .in{ position:relative; padding:0 1em; min-width:8em;}
.page_step_wrap .step > li .in:before{ content:"\e940"; font-family:xeicon; position:absolute; font-size:2.000em; color:#ddd; top:.2em; left:-.5em;}
.page_step_wrap .step > li:first-child .in:before{ display:none;}
.page_step_wrap .step > li .in > *{ position:relative; display:block;}
.page_step_wrap .step > li .in .xi{ margin:.2em 0; font-size:2.500em; color:#ddd;}
.page_step_wrap .step > li .in .xi:before{ position:relative; z-index:2;}
.page_step_wrap .step > li .in .xi:after{ content:""; position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%, -50%); width:1.4em; height:1.4em; background:#f5f5f5; border-radius:100%;}
.page_step_wrap .step > li .in .tt{ font-size:1.125em; color:#aaa; font-weight:300;}
.page_step_wrap .step > li.on .in .xi{ color:#fff;}
.page_step_wrap .step > li.on .in .xi:after{ background:#044ea3;}
.page_step_wrap .step > li.on .in .tt{ color:#3c3c3d;}


/*sub 5페이지 오시는길시작*/
.map_view {border-top: 3px solid #ddd; box-shadow: 0 0.25em 0.5em rgb(0 0 0 / 20%); transition: .3s; padding: 1em; border-radius: 0 0 1em 1em;}
.map_view:hover{border-top: 3px solid #00a0ea; box-shadow: 0 0.25em 0.5em rgb(0 0 0 / 20%); transition: .3s; padding: 1em; border-radius: 0 0 1em 1em;}

.map_info1 { overflow:hidden; margin-bottom:20px; box-shadow:2px 3px 8px -1px #a4a4a4; padding:1.5em; margin-top:1em; font-weight:400; box-sizing:border-box; text-align:center;}
.map_info1 .t1 span { color:#666; display:inline-block; margin-right:55px; margin-bottom:5px; margin-top:5px; line-height:1.5;}
.map_info1 .t1 span:last-child { margin-right:0;}
.map_info1 .t1 .xi {font-size:1em;color:#fff;margin-right:10px;border-radius:50%;width:1.8em;height:1.8em;line-height:1.8em;text-align:center;background:#00a0ea;}

.map_info2 { margin-top:30px; font-weight:400}
.map_info2 .info_list > li { overflow:hidden; padding:2em 1em; border-bottom:1px solid #ddd}
.map_info2 .info_list > li h3 { float:left; color:#222222; font-size:1.375em; font-weight:500;}
.map_info2 .info_list > li h3 .xi { font-size:1.5rem; vertical-align:top; }
.map_info2 .info_list > li .info { margin:0 0 0 240px;}
.map_info2 .info_list > li .info strong { display:block;}
.map_info2 .info_list > li .info p { color:#333; line-height:26px;}
.map_info2 .info_list > li.bus .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 .info_list > li.bus .info p { position:relative; line-height:30px; color:#222; letter-spacing:.1px; font-size:1em; padding-left:85px;}
.map_info2 .info_list > li.bus .info .st:before {width:70px; height:26px; border-radius:26px; background:#00a0ea; color:#fff; text-align:center; line-height:26px; position:absolute; left:0; top:50%; margin-top:-11px; font-size:0.813em; }
.map_info2 .info_list > li.bus .info .st.st2:before { content:"버스";}
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px; color:#333; }
.map_info2 .info_list > li.subway .bs1{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; padding:0 15px; font-size:0.875em; color:#fff; line-height:25px; border-radius:30px; background:#198aeb; margin:0 10px 5px 0}
.map_info2 .info_list > li.subway .bs1.sub_col1{ background:#b5500b;}
.map_info2 .info_list > li.subway .info { margin-top:-1px;}
.map_info2 .info_list > li.subway .info span { display:block; margin:2px 0 6px;}
.map_info2 .info_list > li.subway .info p { display:inline-block; margin-right:34px;}
.map_info2 .info_list > li.subway .info em { display:inline-block;}
/*sub 5페이지 오시는길끝*/

.popWrap.popAgree{ width:50em;}
.mainVisual_wrap .quk_wrap .quk_btn > li a .tt .quk_btn_j{font-size: 0.8em;}

/**/
.agree_wrap{ background:#fff; border:1px solid #e1e2e6; color:#555;}
.agree_wrap .agree{ padding:1.375em 2em; line-height:1.8; height:20em; overflow-y:scroll;}
.agree_wrap .agree .in.scrollst{ height:12em; padding-right:1em;}
.agree_wrap .agree *{ vertical-align:baseline;}
.agree_wrap .agree p{ padding:.375em 0;}
.agree_wrap .agree strong{ color:#222;}
.agree_wrap .check{ padding:1em 2em; border-top:1px solid #e1e2e6; text-align:right}
.agree_wrap .check p{ font-size:.875em; color:#777}
.agree_wrap .check label{ margin-left:2em; font-size:1.063em;}
.agree_wrap .check label:first-child{ margin-left:0}


.pn_wrap{ background:#f9f9f9; border-top:1px solid #ddd; margin-top: 0.1em; box-sizing:border-box; padding:1em 0;}
.pn_wrap .pn_tbox{ width:15%;}
.pn_wrap .pn_tbox .pn_tt{ font-size:1.068em;}
.pn_wrap .in_con{ width:85%;}
.pn_wrap .in_con li .n_in{ border:1px solid #ddd; background:#fff; margin-left:15px; box-sizing:border-box; padding:.5em;}
.pn_wrap .in_con li .n_in .resize{ padding-bottom:25%;}
.pn_wrap .in_con li .n_in .img_dv{}
.pn_wrap .pn_control{ margin-top:10px;}
.pn_wrap .pn_control .i_btn{ width:2.2em; height:2.2em; line-height:2.2em; background:#acacac; border-radius:50%; text-align:center; font-size:.875em; color:#fff; margin-right:3px; cursor:pointer}

/*회원탈퇴*/
.memo_wrap{ border:1px solid #ddd; border-radius:.5em; padding:2em 3em; margin-bottom:2em}
.memo_wrap *{ vertical-align: top}
.memo_wrap .t1{ color:#555; line-height:1.5}
.memo_wrap .t2{ font-size:.813em; color:#111; line-height:1.5}
.memo_wrap .c1{ color:#FF3333}
.memo_wrap .tel{ font-family:tahoma,sans-serif; font-weight:bold; color:#111; font-family:1.25em}
.memo_wrap .tel .xi{ margin-right:.25em}
.memo_wrap .li_st > li{ list-style:disc outside; margin-left:1em; margin-top:.5em}
.memo_wrap .li_st:first-child > li:first-child{ margin-top:0}
/*회원탈퇴 끝*/

.intro_bx{flex-wrap:wrap; margin-bottom: 4em;}
.intro_bx a{flex: 1 1 30%; border:1px solid #eee; padding: 1em; border-radius: 15px; box-sizing:border-box; box-shadow: 3px 3px 10px rgba(0,0,0,.2); text-align: center; max-width:30%; margin:.5% auto;}
.intro_bx a .part{}
.intro_bx a:hover{background: #2f578d; color: #fff;}
.intro_bx a.on{background: #2f578d; color: #fff;}

.PC1680{display:block;}
.PC1680f{display:flex;}
.PC1680i{display:inline-block;}
.PC1680t{display:table;}
.PHONE1680{display:none;}
.PHONE1680f{display:none;}
.PHONE1680i{display:none;}
.PHONE1680t{display:none;}
.PC1440{display:block;}
.PC1440f{display:flex;}
.PC1440i{display:inline-block;}
.PC1440t{display:table;}
.PHONE1440{display:none;}
.PHONE1440f{display:none;}
.PHONE1440i{display:none;}
.PHONE1440t{display:none;}
.PC1200{display:block;}
.PC1200f{display:flex;}
.PC1200i{display:inline-block;}
.PC1200t{display:table;}
.PHONE1200{display:none;}
.PHONE1200f{display:none;}
.PHONE1200i{display:none;}
.PHONE1200t{display:none;}
.PC1024{display:block !important;}
.PC1024f{display:flex;}
.PC1024i{display:inline-block;}
.PC1024t{display:table;}
.PHONE1024n{display:none;}
.PHONE1024{display:none;}
.PHONE1024f{display:none;}
.PHONE1024i{display:none !important;}
.PHONE1024t{display:none;}
.PC768{display:block;}
.PC768f{display:flex;}
.PC768i{display:inline-block;}
.PC768t{display:table;}
.PHONE768{display:none;}
.PHONE768f{display:none;}
.PHONE768i{display:none;}
.PHONE768t{display:none;}
.PC500{display:block;}
.PC500f{display:flex;}
.PC500i{display:inline-block;}
.PC500t{display:table;}
.PHONE500{display:none;}
.PHONE500f{display:none;}
.PHONE500i{display:none;}
.PHONE500t{display:none;}
.PC412{display:block;}
.PC412f{display:flex;}
.PC412i{display:inline-block;}
.PC412t{display:table;}
.PHONE412{display:none;}
.PHONE412f{display:none;}
.PHONE412i{display:none;}
.PHONE412t{display:none;}
.PC384{display:block;}
.PC384f{display:flex;}
.PC384i{display:inline-block;}
.PC384t{display:table;}
.PHONE384{display:none;}
.PHONE384f{display:none;}
.PHONE384i{display:none;}
.PHONE384t{display:none;}
.PC360{display:block;}
.PC360f{display:flex;}
.PC360i{display:inline-block;}
.PC360t{display:table;}
.PHONE360{display:none;}
.PHONE360f{display:none;}
.PHONE360i{display:none;}
.PHONE360t{display:none;}
.PC320{display:block;}
.PC320f{display:flex;}
.PC320i{display:inline-block;}
.PC320t{display:table;}
.PHONE320{display:none;}
.PHONE320f{display:none;}
.PHONE320i{display:none;}
.PHONE320t{display:none;}
.PC280{display:block;}
.PC280f{display:flex;}
.PC280i{display:inline-block;}
.PC280t{display:table;}
.PHONE280{display:none;}
.PHONE280f{display:none;}
.PHONE280i{display:none;}
.PHONE280t{display:none;}

.organ_table:not(:last-of-type){margin-bottom:2rem;}
.organ_table td{text-align:center;}

.next_button{padding:1em; border:1px solid #ddd; color:#333; width:150px; margin:0 auto;}
.floor_wrap{}
.floor_wrap .floor_b1{}
.floor_wrap .floor_b1 .fr_tx1{font-size:1.15em; margin-bottom:.5em;}
.floor_wrap .floor_b1 .fr_imgbox{}

.floor_wrap .floor_b1 .fr_imgbox .fr_img1{width:48%; height:560px; border:2px solid #000;}