@charset "utf-8";

#blank_layer { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:200; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; display:none; } /*blank_layer 가림막*/

/* body { background:#e9e9e9; } */
body.no_scroll { overflow:hidden;}

/*------------------------------ fix_nav ------------------------------*/
#fix_nav { width:200px; height:100%; background:#3c4e73; position:fixed; top:0; right:-140px; z-index:100; }
#fix_nav a { color:#fff; font-weight:400; font-size:13px; letter-spacing:-0.7px; }
#fix_nav .fix_botm_out { border-top:1px solid #303240; width:100%; position:absolute; bottom:0; left:0; }
#fix_nav .fix_botm { width:60px; text-align:center; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; font-size:13px; font-weight:bold; background:#3c4e73 url(../../images/S01/common/ar_t.png) 50% 20px no-repeat; }
#fix_nav .fix_botm a { width:100%; display:block; padding:25px 0 15px 0; }

#fix_nav #fix_open { cursor:pointer; width:20px; height:80px; background:#3c4e73 url(../../images/S01/common/ar_l.png) 9px 35px no-repeat; position:absolute; left:-20px; top:45%; text-indent:-99999px;  }
#fix_nav #fix_close { cursor:pointer; width:20px; height:80px; background:#3c4e73 url(../../images/S01/common/ar_r.png) 9px 35px no-repeat;; display:none; position:absolute; left:-20px; top:45%; text-indent:-99999px; }

.fx_add { overflow:hidden; height:61px; }
.fx_add a { display:block; width:100%; padding-left:100px; background:url(../../images/S01/common/fix_icon1.png) 19px 20px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-bottom:1px solid #303240; line-height:60px; height:60px; }
.fx_add.on a { background-image:url(../../images/S01/common/fix_icon1_on.png); padding-left:54px;  }

.fx_superior { overflow:hidden; height:61px; background:url(../../images/S01/common/ar_d.png) 220px 27px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.fx_superior > a { display:block; padding-left:100px; background:url(../../images/S01/common/fix_icons2.png) 19px 19px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-bottom:1px solid #303240; line-height:60px; height:60px;  }
.fx_superior.on { height:auto; background:url(../../images/S01/common/ar_d.png) 170px 27px no-repeat; }
.fx_superior.on > a { background-image:url(../../images/S01/common/fix_icons2_on.png); padding-left:54px;  }
.fx_superior .fx_superior_sub { height:105px; display:none;}
.fx_superior .fx_superior_sub > li a { display:block; border-bottom:1px solid #000; line-height:50px; height:50px; width:100%; padding-left:64px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.fx_superior .fx_superior_sub .fxsub1 a { background:#36384b url(../../images/S01/common/fix_icon_ss1.png) 33px 15px no-repeat }
.fx_superior .fx_superior_sub .fxsub2 a { background:#36384b url(../../images/S01/common/fix_icon_ss2.png) 30px 10px no-repeat }
.fx_superior .fx_superior_sub .fxsub3 a { background:#36384b url(../../images/S01/common/fix_icon_ss3.png) 32px 13px no-repeat }
.fx_superior .fx_superior_sub .fxsub4 a { background:#36384b url(../../images/S01/common/fix_icon_ss4.png) 35px 11px no-repeat }
.fx_superior .fx_superior_sub > li a:hover { background-color:#232531 }

.fx_qm { overflow:hidden; height:61px; background:url(../../images/S01/common/ar_d.png) 220px 27px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.fx_qm > a { display:block; padding-left:100px; background:url(../../images/S01/common/fix_icon2.png) 21px 21px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-bottom:1px solid #303240; line-height:60px; height:60px;  }
.fx_qm.on { height:auto; background:url(../../images/S01/common/ar_d.png) 170px 27px no-repeat; }
.fx_qm.on > a { background-image:url(../../images/S01/common/fix_icon2_on.png); padding-left:54px;  }
.fx_qm .fx_qm_sub { height:204px; display:none;}
.fx_qm .fx_qm_sub > li a { display:block; border-bottom:1px solid #000; line-height:50px; height:50px; width:100%; padding-left:64px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.fx_qm .fx_qm_sub .fxsub1 a { background:#36384b url(../../images/S01/common/fix_icon_s1.png) 33px 16px no-repeat }
.fx_qm .fx_qm_sub .fxsub2 a { background:#36384b url(../../images/S01/common/fix_icon_s2.png) 33px 16px no-repeat }
.fx_qm .fx_qm_sub .fxsub3 a { background:#36384b url(../../images/S01/common/fix_icon_s3.png) 33px 16px no-repeat }
.fx_qm .fx_qm_sub .fxsub4 a { background:#36384b url(../../images/S01/common/fix_icon_s4.png) 35px 16px no-repeat }
.fx_qm .fx_qm_sub > li a:hover { background-color:#232531 }

.fx_webzine { overflow:hidden; height:61px; }
.fx_webzine a { display:block; padding-left:100px; background:url(../../images/S01/common/fix_icon3.png) 19px 21px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-bottom:1px solid #303240; line-height:60px; height:60px;  }
.fx_webzine.on a { background-image:url(../../images/S01/common/fix_icon3_on.png); padding-left:54px; }

.fx_propose { overflow:hidden; height:61px; }
.fx_propose a { display:block; padding-left:100px; background:url(../../images/S01/common/fix_icons3.png) 20px 16px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-bottom:1px solid #303240; line-height:60px; height:60px;  }
.fx_propose.on a { background-image:url(../../images/S01/common/fix_icons3_on.png); padding-left:52px; }

.fx_expo { overflow:hidden; height:61px; }
.fx_expo a {display:block; padding-left:100px; background:url(../../images/S01/common/fix_icon4.png) 18px 17px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-bottom:1px solid #303240; line-height:60px; height:60px; }
.fx_expo.on a { padding-left:54px;  }

.fx_online { overflow:hidden; height:61px; }
.fx_online a { display:block; padding-left:100px; background:url(../../images/S01/common/fix_icons5.png) 20px 20px no-repeat; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; border-bottom:1px solid #303240; line-height:17px; height:50px;  padding-top: 10px;
  }
.fx_online.on a { background-image:url(../../images/S01/common/fix_icons5_on.png); padding-left:52px; }
/*------------------------------ //fix_nav ------------------------------*/

/*------------------------------ layout ------------------------------*/
#wrap { width:100%; min-width:1200px; position:relative; margin:0 auto; background:#fff; }
#wrap.main_wrap{min-width: 1800px;}

/*************** header ***************/
#header { width:100%; min-width:1200px; height:90px; background:#fff;position: relative;z-index: 150; }
#header #header_inner { width:1200px; margin:0 auto; position:relative; }
/*hta*/
#header #hta { }
#header #hta h1 { position:absolute; top:0; left:0; text-align:left; z-index:150; }
#header #hta h1 a { display:block; text-align:left; width:245px; height:90px; background:url(../../images/S01/common/header_logo.png) center no-repeat; }
/*//hta*/
/*gnb*/
#gnb { position:absolute; top:10px; right:0; z-index:30; }
#gnb>ul>li { display:inline-block; margin-left:22px; }
#gnb>ul>li>a { font-size:13px; color:#777; letter-spacing:-0.6px; background:url(../../images/S01/common/dot.gif) 0 8px no-repeat; padding-left:10px; }
/*//gnb*/
/*mnb*/
#mnb { position:absolute; top:36px; right:0px; z-index:30; width:930px; text-align:right; padding-top:10px; }
#mnb>ul{display: flex;justify-content: flex-end;}
#mnb ul h2 { padding-bottom:22px; }
#mnb ul li.depth1 { display:inline-block; vertical-align:top; text-align:center;padding: 0 50px;position: relative;}
#mnb ul li.depth1 > h2 > a { color:#444; font-size:16px; font-weight:500; letter-spacing:-0.5px  }
#mnb ul li.depth1:hover > h2 > a { color:#293383; }
#mnb ul li.depth1 h2.on > a { color:#293383; }
#mnb ul li.depth1:before { /*background:url(../../images/S01/common/line.gif) 50% 6px no-repeat; padding:0 30px; content:' ';*/  }

#mnb ul li.depth1 > ul.depth2 { display:none; height:200px; margin-top:24px; text-align:center;position: absolute;left: 50%;transform: translateX(-50%);top: 40px;width: 100%; }
#mnb ul li.depth1:first-child ul.depth2 { background:none; border-left:none; }
#mnb ul li.depth1 > ul.depth2 a { color:#242424; font-size:15px; letter-spacing:-0.5px; line-height:32px;display: block; }
#mnb ul li.depth1 > ul.depth2 a:hover { color:#293383;text-decoration: underline; }
#mnb ul li.depth1 > ul.depth2 a.on { color:#293383;text-decoration: underline; }
#mnb ul li.depth1 > ul.depth2.open{display: block;}

#mnb ul li.depth1 > ul.depth2 a.mem{color: #d96b0c;}

#header .mnb_bar { width:100%; height:300px; background:#fff url(../../images/S01/common/nav_bg.jpg) center top no-repeat; position:absolute; top:90px; z-index:20; display:none; overflow:hidden; }
#header .mnb_bar.open{display: block!important;}
.mnb_bar .icon { width:1200px; height:100%; margin:0 auto; display:block!important; }
.mnb_bar .icon.vi_1 { background:url(../../images/S01/common/mnb_icon1.png) 50px 35px no-repeat; }
.mnb_bar .icon.vi_2 { background:url(../../images/S01/common/mnb_icon2.png) 50px 35px no-repeat; }
.mnb_bar .icon.vi_3 { background:url(../../images/S01/common/mnb_icon3.png) 50px 35px no-repeat; }
.mnb_bar .icon.vi_4 { background:url(../../images/S01/common/mnb_icon5.png) 50px 35px no-repeat; }
.mnb_bar .icon.vi_5 { background:url(../../images/S01/common/mnb_icon4.png) 50px 35px no-repeat; }
.mnb_bar .icon.vi_6 { background:url(../../images/S01/common/mnb_icon6.png) 50px 35px no-repeat; }
/*//mnb*/
.shadow{position: fixed;left: 50%;transform: translateX(-50%); top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.5);display: none;z-index: 100;}
.shadow.open{display: block!important;}
/*************** //header ***************/

/*************** visual ***************/
#visual_wrap { width:100%; height:152px; margin-bottom:40px; background:#eaeaea; text-align:center;  }
#visual { width:100%; /*width:1920px;*/ height:152px; margin:0 auto; }
#visual.information {  background:url(../../images/S01/common/img_information.jpg) 50% 0 no-repeat; }
#visual.support {  background:url(../../images/S01/common/img_support.jpg) 50% 0 no-repeat; }
#visual.system {  background:url(../../images/S01/common/img_system.jpg) 50% 0 no-repeat; }
#visual.search {  background:url(../../images/S01/common/img_search.jpg) 50% 0 no-repeat; }
#visual.community {  background:url(../../images/S01/common/img_community.jpg) 50% 0 no-repeat; }
#visual.member {  background:url(../../images/S01/common/img_member.jpg) 50% 0 no-repeat; }

#visual .inner { width:1200px; height:152px; margin:0 auto; }
#visual .inner.information { background:url(../../images/S01/common/img_sub_txt.png) 0 0 no-repeat; }
#visual .inner.support { background:url(../../images/S01/common/img_sub_txt.png) 0 0 no-repeat; }
#visual .inner.system { background:url(../../images/S01/common/img_sub_txt.png) 0 0 no-repeat; }
#visual .inner.search { background:url(../../images/S01/common/img_sub_txt.png) 0 0 no-repeat; }
#visual .inner.community { background:url(../../images/S01/common/img_sub_txt.png) 0 0 no-repeat; }
#visual .inner.member { background:url(../../images/S01/common/img_sub_txt.png) 0 0 no-repeat; }


#visual.sub01{background:url(../../images/S01/common/sub_visual01.jpg) 50% 0 no-repeat;} /* 회원사 서비스 */
#visual.sub02{background:url(../../images/S01/common/sub_visual02.jpg) 50% 0 no-repeat;} /* 우수제품지정제도 */
#visual.sub03{background:url(../../images/S01/common/sub_visual03.jpg) 50% 0 no-repeat;} /* 혁신제품지정제도 */
#visual.sub04{background:url(../../images/S01/common/sub_visual04.jpg) 50% 0 no-repeat;} /* 알림마당 */
#visual.sub05{background:url(../../images/S01/common/sub_visual05.jpg) 50% 0 no-repeat;} /* 회원존 */
#visual.sub06{background:url(../../images/S01/common/sub_visual06.jpg) 50% 0 no-repeat;} /* 협회소개 */

#visual.sub01 .inner, #visual.sub02 .inner, #visual.sub03 .inner, #visual.sub04 .inner, #visual.sub05 .inner, #visual.sub06 .inner{background:url(../../images/S01/common/sub_visual_txt.png) 0 0 no-repeat;}
/*************** visual ***************/

/*************** container ***************/
#container { width:100%; position:relative; background:#fff; }
#container_inner { width:1200px; margin:0 auto; }
#container_inner #band { width:100%; background:url(../../images/S01/common/linebg.gif) 0 0 repeat-y; float:left; padding-bottom:120px; }

/*lnb*/
#lnb { width:220px; float:left; }
#lnb .nav { }
#lnb .nav h2 { font-size:24px; color:#fff; font-weight:600; text-align: center;letter-spacing:-1.5px;background: url(../../images/S01/common/leftMenu_bg.jpg) center no-repeat;height: 95px;display: flex;justify-content: center;align-items: center;border-radius: 10px; }
#lnb .nav > ul { }
#lnb .nav > ul > li { }
#lnb .nav > ul > li > a { padding:12px 10px 14px 18px;display:block; border:1px solid #dbdbdb; font-size:16px; color:#333;letter-spacing: -0.6px;margin-top:5px;border-radius : 5px }
#lnb .nav > ul > li:hover > a { background:#0789cf; color:#fff; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
#lnb .nav > ul > li > a.on { background:#0789cf url(../../images/S01/common/lnb_on_bullet.png) no-repeat right 20px center; color:#fff;border:none }
#lnb .nav .lnd_depth2 { display:none;padding: 6px 10px 8px 18px;background:#eff3f5;border-radius: 0 0 5px 5px;}
#lnb .nav .lnd_depth2.on { display:block; }
#lnb .nav .lnd_depth2 > li { }
#lnb .nav .lnd_depth2 > li a {display:block;font-size:15px; color:#555; position: relative;padding-left: 12px;line-height: 30px;letter-spacing: -1px;}
#lnb .nav .lnd_depth2 > li a:before{content: '';width: 3px;height: 3px;background: #7284a7;position: absolute;left: 1px;top: 13px;}
#lnb .nav .lnd_depth2 > li a:hover { color:#1167b7; }
#lnb .nav .lnd_depth2 > li a.on { color:#1167b7; }

#lnb .quick_menu { margin-top:60px; }
#lnb .quick_menu > ul > li { text-indent:-99999px; width:100%; }
#lnb .quick_menu > ul > li > a { display:block; width:100%; }
#lnb .quick_menu .qm1 { height:40px; background:url(../../images/S01/main/qm1.gif) 0 0 no-repeat }
#lnb .quick_menu .qm2 a { height:59px; background:url(../../images/S01/main/qm2.gif) 0 0 no-repeat }
#lnb .quick_menu .qm3 a { height:62px; background:url(../../images/S01/main/qm3.gif) 0 0 no-repeat }
#lnb .quick_menu .qm4 a { height:59px; background:url(../../images/S01/main/qm4.gif) 0 0 no-repeat }
#lnb .quick_menu .qm5 a { height:61px; background:url(../../images/S01/main/qm5.gif) 0 0 no-repeat }
/*//lnb*/

#content { width:900px; float:right; text-align:left; min-height:600px; line-height:24px; font-size:15px; color:#666; letter-spacing:-0.5px; }
#content a { color:#666; }

/*section_top*/
.section_top { width:100%; border-bottom:1px solid #767676; vertical-align:top; margin-bottom:40px; padding-bottom:17px; height:41px; line-height:41px; }
.section_top h3 { margin:0; margin-top:-7px; padding:0; font-size:28px; color:#333; font-weight:500; vertical-align:top; letter-spacing:-0.5px; }
.section_top .path { float:right; font-size:14px; color:#666; letter-spacing:-0.5px; position:relative; top:-18px; line-height:11px; }
.section_top .path span { display:block; float:left; }
.section_top .path .path_home { text-indent:-9999px; width:14px; height:11px; background:url(../../images/S01/common/path_home.gif) 0 0 no-repeat }
.section_top .path .path_txt:before { content:''; display:block; background:url(../../images/S01/common/path_arrow.gif) 12px 50% no-repeat; width:25px; height:11px; float:left;  }
/*//section_top*/

/*tab*/
.delay a { -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }
.tab { width:100%; box-sizing:border-box; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:none; overflow:hidden; margin-bottom:40px; background:#fdfdfa; }
.tab ul { float:left; display:block; line-height:45px; width:100%; }
.tab ul li { float:left; display:block; line-height:45px; text-align:center; border-right:1px solid #dbdbdb; box-sizing:border-box; border-bottom:1px solid #dbdbdb; }
.tab ul li:first-child { border-left:none; }
.tab ul li a { width:100%; height:100%; display:block; font-size:15px; font-weight:400; letter-spacing:-0.5px; }
.tab ul li a:hover { background:#0789cf; color:#fff !important; }
.tab ul li a.on { background:#0789cf; color:#fff !important; }

.tab.long ul { display:table; }
.tab.long ul li { display:table-cell; line-height:63px; }
.tab.long ul li a { padding:11px 0 10px; height:44px; line-height:22px;}
.tab.long ul li.one a { line-height:44px;}
.tab.long ul li.on { background:#293383; color:#fff !important; }
.tab.long ul li.on a {color:#fff !important;}

.tab.st_2 ul li { width:50%; }
.tab.st_3 ul li { width:33.3333%; }
.tab.st_4 ul li { width:25%; }
.tab.st_5 ul li { width:20%; }
.tab.st_6 ul li { width:16.6666666667%; }
.tab.st_7 ul li { width:14.2857142857%; }
.tab.st_8 ul li { width:12.5%;}
.tab.st_8 ul li:nth-child(9) {border-left:none !important;}

/*tab2*/
.tab2 { overflow:hidden; margin-bottom:40px; padding:20px 0; width:100%; box-sizing:border-box; border:1px solid #dbdbdb; background:#f8f8fa; }
.tab2 li { float:left; height:18px; line-height:18px; border-right:1px #dbdbdb solid; text-align:center; }
.tab2 li:last-child { border-right:0; }
.tab2 li a { display:inline-block; padding-left:10px; height:18px; line-height:18px; background:url(../../images/S01/common/dot_tab.png) left center no-repeat; color:#333 !important; }
.tab2 li.on a { background-image:url(../../images/S01/common/dot_tab_on.png); color:#293383 !important; }
.tab2 li:hover a { background-image:url(../../images/S01/common/dot_tab_on.png); color:#293383 !important; }



/*************** footer 0330수정 ***************/
#footer { width:100%; min-width:1200px;  height:210px; background:#e9e9e9 url(../../images/S01/common/foot_bg.gif) 0 0 repeat-x; clear:both; padding-bottom:30px; }
#footer .foot_banner {width:1200px; margin:0 auto;height: 50px;display: flex;}

#footer .foot_banner .familySite{position: relative;top: 4px;width: 200px;padding-right: 31px;}
#footer .foot_banner .familySite:before{content:'';width:1px;height: 20px;background:#d3d0cb;position: absolute;right:0;top:10px;}
#footer .foot_banner .familySite span {border: 1px solid #ccc;padding: 9px 11px 9px 11px;width: 200px;display: block;box-sizing: border-box;background: url(../../images/S01/common/plus.png) right 17px center no-repeat;cursor: pointer;}
#footer .foot_banner .familySite ul {position: absolute;left: 0;bottom: 49px;background: #fff;border: 1px solid #ccc;width: 200px;box-sizing: border-box;z-index: 10;padding: 6px 10px;display: none;}
#footer .foot_banner .familySite ul li{padding:2px 0}
#footer .foot_banner .familySite ul li a{font-size:13px; color:#555;transition: color .4s;}
#footer .foot_banner .familySite ul li a:hover{color:#fd050d}
#footer .foot_banner .banner{overflow: hidden;width: 100%;}
#footer .foot_banner .banner ul{width: 100%;padding-left: 90px;top: 10px;}
#footer .foot_banner .banner li{}
#footer .foot_banner .banner li a{text-align: center;}
#footer .foot_banner .banner li img{margin: 0 auto;}
#footer .foot_banner .banner .control{width: 60px;height: 30px;background:#e9e9e9;border:1px solid #ccc;box-sizing: border-box;overflow: hidden;float: left;position: relative;top: -21px;padding: 10px;}
#footer .foot_banner .banner .control button{font-size:0;line-height:0;width: 50%;height: 10px;float: left;}
#footer .foot_banner .banner .control button.play{background: url(../../images/S01/common/foot_play.png)center top no-repeat;}
#footer .foot_banner .banner .control button.pause{background: url(../../images/S01/common/foot_stop.png)center top no-repeat;}

#footer .foot_inner {width:1200px; margin:0 auto;}
#footer .foot_inner .foot_logo {width:245px; height:36px; background:url(../../images/S01/common/foot_logo.png) no-repeat 0 0; margin-top:44px; float:left; margin-right:90px; text-indent:-55555px;}
#footer .foot_inner .foot_info {width:calc(100% - 335px); float:left;margin-top: 30px;}
#footer .foot_inner .foot_info dl dt {font-size:14px; font-weight:600; color:#757575; margin:10px 0 5px 0;}
#footer .foot_inner .foot_info dl dd {font-size:13px; color:#757575; line-height:17px;}
#footer .foot_inner .foot_info .copy {margin-top:16px; font-size:13px; color:#757575;}
.foot_nice {float:right; margin-top:35px;}

#footer .foot_inner .foot_info .text{display: inline-block;}
#footer .foot_inner .foot_info .text:first-child{position: relative;padding-right: 49px;margin-right: 49px;}
#footer .foot_inner .foot_info .text:first-child:before{content:'';width: 1px;height:53px;border-right: 1px dashed #a3a3a3;position: absolute;right:0;top:16px}

/*************** //footer ***************/

/*------------------------------ //layout ------------------------------*/

/*0207 수정*/
.btnArea{margin-top:15px;}
.foot_nice{overflow:hidden;position:relative;width:230px;height: 155px !important;}
.foot_nice .foot_btn{position: absolute;right:0;top:0;z-index: 10;}
.foot_nice .foot_btn button{font-size: 0;line-height: 0;width:10px;height: 10px;margin-right:7px;}
.foot_nice .foot_btn .stop{background: url(../../images/S01/common/foot_stop.png)left top no-repeat;}
.foot_nice .foot_btn .play{background: url(../../images/S01/common/foot_play.png)left top no-repeat;}
.foot_nice ul{position:absolute;left:0;top:30px;z-index: 5;}
.foot_nice li{float:left;}

/*0121 홍현정 - 팝업존*/
.pop_area{position: fixed;width: 1060px;z-index: 55555555555;height: 350px;left:50%;top:50%;transform:translate(-50%, -50%)}
.pop_shadow{width: 100%;height: 100%;background:rgba(0,0,0,.6);position:fixed;left:0;top:0;z-index: 555;}

.slide_wrap .pop_slide li{width:320px;height: 350px;}
.slide_wrap .pop_slide li img{display: block;width: 320px;height:320px;margin-right:35px;box-shadow: 3px 0 5px rgba(0,0,0,.45);}
.pop_slide .slick-arrow{font-size:0;line-height:0;width:32px;height:60px;background:url(../../images/S01/main/pop_arrow.png)left top no-repeat;position: absolute;top: 50%;margin-top: -30px;left: -70px;cursor: pointer;}
.pop_slide .slick-arrow.slick-next{left:auto;right:-35px;transform:rotate(180deg)}

.pop_btn{margin-top: 60px;display: flex;justify-content: center;}
.pop_btn>div{background:#3649d5;height:50px;border-radius: 50px;color:#fff;font-size:17px;padding: 0px 19px;line-height: 48px;box-sizing: border-box;}
.pop_btn>div .num{color:#ffea00;}
.pop_btn a{color:#fff;font-size:17px;background: #28292d url(../../images/S01/main/pop_close.png)right 26px center no-repeat;height: 50px;border-radius: 50px;padding:0px 53px 0 19px;line-height: 48px;box-sizing: border-box;box-shadow: 3px 0 5px rgba(0,0,0,.45);margin-left: 15px;} 

.f_slide{padding-top:35px}
.f_slide .slidesjs-pagination{display: none;}
.f_slide .foot_inner2{}
.f_slide .foot_inner2 a{display: block;}
.f_slide .foot_inner2 a img{width: 100%;}


/* 240321 개편 공지 임시 팝업 */
.renewal_pop{position: fixed;width: 100%;height: 100%;background: url(../../images/S01/main/renewal_popBg.jpg);z-index: 6666666666;left: 0;top: 0;text-align: center;}
.renewal_pop .inner{width: 100%;max-width: 1420px;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);padding: 0 20px;}
.renewal_pop img{display: block;margin: 0 auto;max-height: calc(100% - 100px);max-width: 100%;image-rendering: pixelated;}
.renewal_pop .close_btn{font-size: 0;letter-spacing: -9999px;line-height: 0;background: url(../../images/S01/main/renwal_btn.png) center no-repeat;width: 270px;height: 70px;display: block;position: absolute;right: 420px;bottom: 55px;}

.renewal_pop .notice_btn{font-size: 0;letter-spacing: -9999px;line-height: 0;background: url(../../images/S01/main/renwal_btn01.png) center no-repeat;width: 345px;height: 70px;display: block;position: absolute;right: 720px;bottom: 55px;}

/* header수정 */
#gnb{z-index: 100;}
.gnb_info{position: relative;margin-right: -22px !important;}
.gnb_info .gnb_info_btn{font-weight: 500;color: #315393;margin: 0;padding: 0 20px;background: url(../../images/S01/common/logo_tit.png) left center no-repeat;}
.gnb_info ul{position: absolute;left: 50%;top: 32px;transform: translateX(-50%);background: #fff;border-radius: 10px;border: 1px solid #1a2755;width: 160px;padding: 16px 20px;box-sizing: border-box;display: none;}
.gnb_info ul.open{display: block;}
.gnb_info ul a{font-size: 14px;font-weight: 500;display: block;letter-spacing: -1px;transition: all .3s;}
.gnb_info ul li:not(:last-child) a{padding-bottom: 8px;}
.gnb_info ul a:hover{color: #2b2e80;text-decoration: underline;text-underline-position : under;}

/* main */
@font-face {
  font-family: 's-core-dream';
  src: url('../../fonts/scdream4-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 's-core-dream';
  src: url('../../fonts/scdream5-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 's-core-dream';
  src: url('../../fonts/scdream6-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
.main{font-family: 's-core-dream', sans-serif!important;color: #242424;font-weight: 400;letter-spacing: -.5px;font-size: 15px;}
.main .inner{width: 100%;max-width: 1200px;margin: 0 auto;padding: 60px 0;}

.hide{overflow: hidden;display: inline-block;position: absolute;z-index: -1;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
/* 컨트롤박스 */
.control{padding: 0 30px;}
.control button{font-size: 0;line-height: 0;display: block;text-indent: -9999px;}
.control .slick-arrow{background: url(../../images/S01/main/control_arrow.png) center no-repeat;width: 24px;height: 24px;}
.control .slick-arrow.prev_btn{transform: scale(-1, 1);margin-right: 10px;}
.control .slick-arrow.next_btn{margin-left: 10px;}
.control .ctr_btn{width: 24px;height: 24px;margin-left: 6px;}
.control .ctr_btn.pause{background: url(../../images/S01/main/control_pause.png) center no-repeat;}
.control .ctr_btn.play{background: url(../../images/S01/main/control_start.png) center no-repeat;}
.control .slide_dot{display: flex;}
.control .slide_dot ul{display: flex!important;gap: 8px;}
.control .slide_dot button{width: 17px;height: 17px;border-radius: 50%;position: relative;}
.control .slide_dot button:before{content: '';width: 5px;height: 5px;border-radius: 50%;background: #fff;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.control .slide_dot .slick-active button:before{background: #f6a326;width: 11px;height: 11px;}
.control .slide_dot .slick-active button:after{content: '';width: 17px;height: 17px;border-radius: 50%;border: 1px solid #f6a326;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}

/* 팝업 메뉴 */
.pop_menu{position: absolute;left: 50%;top: 30px;transform: translateX(-50%);background: #fff;border-radius: 10px;border: 1px solid #1a2755;width: 120px;padding: 16px 20px;box-sizing: border-box;display: none;}
.pop_menu.open{display: block;}
.pop_menu a{font-size: 14px;font-weight: 500;display: block;letter-spacing: -1px;transition: all .3s;}
.pop_menu li:not(:last-child) a{padding-bottom: 8px;}
.pop_menu a:hover{color: #2b2e80;text-decoration: underline;text-underline-position : under;}


/* top_cts */
.top_cts{background: url(../../images/S01/main/top_bg.jpg) center top no-repeat;}
.main .top_cts .inner{display: flex;gap: 50px;}
.main .top_cts .profile_wrap{display: flex;flex-direction: column;width: 100%;gap: 30px;}

/* 배너 슬라이드 */
.visual_banner{width: 710px;min-width: 710px;height: 360px;border-radius: 20px;overflow: hidden;position: relative;}
.visual_banner .slick-slider, .visual_banner .slick-list, .visual_banner .slick-track, .visual_banner .slick-slide>div{height: 100%;}
.visual_banner img{width: 100%;height: 100%;}
.visual_banner .control{position: absolute;left: 0;bottom: 0;height: 60px;background: #1a2755;border-radius: 0 20px 0 0;display: flex;align-items: center;}
.visual_banner .control .slick-arrow{background: url(../../images/S01/main/control_arrow_w.png) center no-repeat;}
.visual_banner .control .ctr_btn.pause{background: url(../../images/S01/main/control_pause_w.png) center no-repeat;}
.visual_banner .control .ctr_btn.play{background: url(../../images/S01/main/control_start_w.png) center no-repeat;}

/* 회원메뉴 */
.profile_wrap .login_box{display: flex;gap: 20px;}
.profile_wrap .login_box a{display: block;width: 100%;height: 65px;line-height: 65px;color: #fff;font-size: 20px;font-weight: 500;text-align: center;border-radius: 10px;}
.profile_wrap .login_box a.btn01{background: #1a2755;}
.profile_wrap .login_box a.btn01:hover{background: #131e46;}
.profile_wrap .login_box a.btn02{background: #eb9411;}
.profile_wrap .login_box a.btn02:hover{background: #db8607;}

/* 로그인시 회원메뉴 */
.profile_wrap .main_profile_info{background: #fff;border-radius: 10px;padding: 10px;display: flex;gap: 20px;align-items: center;position: relative;}

.main_profile_info .profile{position: relative;}
.main_profile_info .profile img{width: 55px;height: 55px;border-radius: 18px;overflow: hidden;display: block;}
.main_profile_info .profile .info_set{position: absolute;left: 40px;top: 32px;}
.main_profile_info .profile .info_set .pop_menu_btn{line-height: 0;font-size: 0;text-indent: -9999px;background: #fff url(../../images/S01/main/profile_set.png) center no-repeat;background-size: contain;width: 25px;height: 25px;border-radius: 50%;box-shadow: 1px 1px 3px rgba(0,0,0,.24);}

.main_profile_info .info .name{font-weight: 500;}
.main_profile_info .info .name span{color: #475ec4;text-overflow: ellipsis;white-space: nowrap;display: inline-block;max-width: 130px;overflow: hidden;vertical-align: top;}
.main_profile_info .info dl{display: flex;font-size: 14px;margin-top: 6px;font-weight: 500;}
.main_profile_info .info dl dt{position: relative;padding-left: 10px;}
.main_profile_info .info dl dt:not(:first-child){margin-left: 10px;}
.main_profile_info .info dl dt:before{content: '';width: 3px;height: 3px;background: #1a2755;position: absolute;left: 2px;top: 7px;}

.main_profile_info .mem_menu{position: absolute;right: 0;top: 0;}
.main_profile_info .mem_menu button{width: 88px;height: 32px;font-size: 14px;color: #fff;background: #1a2755 url(../../images/S01/main/arrow.png) right 12px center no-repeat;padding-right: 14px;border-radius: 0 10px 0 10px;}
.main_profile_info .mem_menu .pop_menu{top: 38px;}

.profile_wrap .quick_menu{display: flex;flex-wrap: wrap;gap: 22px 32px;margin-top: auto;}
.profile_wrap .quick_menu li{width: 86px;}
.profile_wrap .quick_menu li a{display: block;}
.profile_wrap .quick_menu li .title{text-align: center;text-wrap: nowrap;font-size: 14px;display: block;margin-top: 12px;font-weight: 500;transition: all .3s;}
.profile_wrap .quick_menu li a:before{content: '';display: block;width: 86px;height: 86px;border-radius: 8px;background-color: #fff;background-position: center top 20px;background-repeat: no-repeat;box-shadow: 1px 1px 10px 4px rgba(0,0,0,.05);transition: all .3s;}
.profile_wrap .quick_menu li a:hover .title{color: #2b2e80;}
.profile_wrap .quick_menu li a:hover:before{background-color: #2c8dde;}
.profile_wrap .quick_menu li.list01 a:before{background-image: url(../../images/S01/main/quickMenu_ico01.png);}
.profile_wrap .quick_menu li.list02 a:before{background-image: url(../../images/S01/main/quickMenu_ico02.png);}
.profile_wrap .quick_menu li.list03 a:before{background-image: url(../../images/S01/main/quickMenu_ico03.png);}
.profile_wrap .quick_menu li.list04 a:before{background-image: url(../../images/S01/main/quickMenu_ico04.png);}
.profile_wrap .quick_menu li.list05 a:before{background-image: url(../../images/S01/main/quickMenu_ico05.png);}
.profile_wrap .quick_menu li.list06 a:before{background-image: url(../../images/S01/main/quickMenu_ico06.png);}
.profile_wrap .quick_menu li.list07 a:before{background-image: url(../../images/S01/main/quickMenu_ico07.png);}
.profile_wrap .quick_menu li.list08 a:before{background-image: url(../../images/S01/main/quickMenu_ico08.png);}


/* 게시판 */
.mid_cts{background: url(../../images/S01/main/mid_bg.jpg) top center no-repeat;}
.mid_cts .inner{display: flex;justify-content: space-between;padding-top: 92px;}
/* 소식게시판 */
.board_wrap{width: 100%;width: 900px;min-width: 900px;}
.board_tab{position: relative;display: flex;width: 100%;height: 305px;}
.board_tab>li{margin-right: 34px;margin-left: 28px;}
.board_tab>li:first-child{margin-left:0!important;}
.board_tab>li:last-child{margin-right:0!important;}
.board_tab>li>a{display: block;color:#7d7d7d;font-size: 20px;font-weight: 500;line-height: 30px; transition: all .1s;position: relative;}
.board_tab>li>a:hover{color: #1a2755;}
.board_tab>li.on>a{color:#1a2755;font-weight: 600;}
.board_tab>li:not(:last-child)>a:after{content: '';width: 5px;height: 5px;position: absolute;border-radius: 50%;top: 13px;right: -36px;background: #ccc;}
.board_tab>li>a:before{content: '';width: 100%;height: 3px;position: absolute;background: #1a2755;left: 50%;bottom: -12px;transform: translateX(-50%);transition:opacity .4s;transition-delay: .1s;opacity: 0;}
.board_tab>li.on>a:before{opacity: 1;}
.board_tab .tab_content{position: absolute;left:0;top:40px;width: 100%;display: none;}
.board_tab .tab_content.current{display: flex;flex-wrap: wrap;margin-top: 32px;}

.board_tab .board_list{height: 238px;}
.board_tab .board_list a{display: flex;flex-direction: column;height: 100%;transition: all .4s;position: relative;}
.board_tab .board_list a:hover .ellipsis3,.board_tab .board_list a:focus .ellipsis3{text-decoration: underline;color: #2b2e80;}
.board_tab .board_list a:before{content: '';width: 100%;height: 1px;background: #babecc;position: absolute;bottom: 0;left: 0;}
.board_tab .board_list a:after{content: '';width: 0;height: 1px;background: #2c8dde;position: absolute;bottom: 0;left: 0;transition: width .5s;}
.board_tab .board_list a:hover:after, .board_tab .board_list a:focus:after{width: 100%;}
.board_tab .board_list .name{font-size: 13px;display: flex;align-items: center;gap: 6px;width: 74px;height: 32px;justify-content: center;text-align: center;border-radius: 5px;font-weight: 500;}
.board_tab .board_list .name01{color: #475ec4;background: #eaeffe;}
.board_tab .board_list .name02{color: #a84747;background: #feeaea;}
.board_tab .board_list .name03{color: #39a543;background: #cff4d5;}
.board_tab .board_list .name04{color: #db5a21;background: #fee9ca;}
.board_tab .board_list .name05{color: #48ac9d;background: #d9f5ee;}

.board_tab .board_list .ellipsis3{width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;/* 라인수 */-webkit-box-orient: vertical;line-height: 1.7em;max-height: 5.1em;font-size: 16px;font-weight: 500;margin: 30px 0 0;position: relative;max-width: 100%;}
.board_tab .board_list .new_ico{color: #475ec4;font-size: 11px;font-weight: 600;display: inline-block;margin-right: 6px;letter-spacing: 0;}
.board_tab .board_list .date{font-size: 14px;color: #444;letter-spacing: 0;margin-top: auto;margin-bottom: 26px;padding-left: 24px;background: url(../../images/S01/main/date_ico.png) top 1px left 4px no-repeat;}
.board_tab .more{position: absolute;right: 0;top: -68px;background: url(../../images/S01/main/more_ico.png) center no-repeat ;font-size: 0;line-height: 0;text-indent: -9999px;width: 19px;height: 19px;}

.board_tab .tab_slide{width: 100%;height: 200px;position: relative;}
.board_tab .tab_slide .slick-arrow{position: absolute;top:-66px;width: 12px;height: 15px;font-size: 0;line-height: 0;z-index: 5;background-image: url(../../images/S01/main/control_arrow.png);background-repeat: no-repeat;}
.board_tab .tab_slide .slick-prev{right: 66px;transform: rotate(180deg);}
.board_tab .tab_slide .slick-next{right: 34px;}
.board_tab .control{position: absolute;right: 30px;top: -70px;padding: 0;}
.board_tab li[data-tab="fullnews"] .tab_slide .slick-prev{right: 56px;}
.board_tab li[data-tab="fullnews"] .tab_slide .slick-next{right: 24px;}
.board_tab li[data-tab="fullnews"] .control{right: -6px;}
/* 슬라이드 좌우여백 없애기 */
.board_tab .tab_slide .slick-slide{margin: 0 10px;}
.board_tab .tab_slide .slick-list{height: 240px;margin: 0 -10px;}
.board_tab .tab_slide .slick-list .slick-track{margin-left: 0;}

/* 알립니다 */
.notify{width: 220px;position: relative;}
.notify h3{color: #1a2755;font-size: 20px;font-weight: 600;margin-bottom: 30px;}
.notify .control{position: absolute;padding: 0;right: 0;top: 1px;display: flex;align-items: flex-end;justify-content: flex-end;width: 110px;}
.notify .control .cur_paging{font-size: 14px;line-height: 20px;letter-spacing: -1px;text-align: center;width: 32px;}
.notify .control .cur_paging span{font-weight: 600;color: #475ec4;font-size: 16px;}
.notify .control .slick-arrow{margin: 0;}
.notify .control .slick-arrow.prev_btn{margin-right: auto;}
.notify .slick-slider{height: 250px;box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .15);border-radius: 20px;overflow: hidden;}
.notify .slick-list, .notify .slick-track, .notify .slick-slide>div{height: 100%;}
.notify ul img{width: 100%;height: 100%;display: block;}


/* 제품지정제도 */
.btm_cts{background: #eefbf7;}
.product_box{display: flex;gap: 50px;}
.product_box>div{width: 100%;background-color: #fff;background-position: right bottom;background-repeat: no-repeat;box-shadow: 0 0 12px rgba(0, 0, 0, .15);border-radius: 20px;padding: 24px 36px 30px;}
.product_box .title{font-size: 20px;font-weight: 600;margin-bottom: 14px;}
.product_box .text{font-size: 14px;color: #242424;line-height: 1.6;word-break: keep-all;}
.product_box ul{display: flex;flex-wrap: wrap;background-image: linear-gradient(to right, #000 1px, rgba(0,0,0,0) 0%);background-position: top;background-size: 9px 1px;background-repeat: repeat-x;width:100%;margin-top: 24px;padding-top: 28px;gap: 18px 0;}
.product_box ul li{width: 175px;}
.product_box ul li a{display: flex;transition: all .3s;line-height: 26px;padding-left: 40px;position: relative;font-weight: 500;}
.product_box ul li a:before{content: '';position: absolute;left: 6px;top: 0;background-image: url(../../images/S01/main/product_ico.png);background-repeat: no-repeat;width: 24px;height: 24px;}

.product_box .item01{background-image: url(../../images/S01/main/product_bg01.png);}
.product_box .item01 .title{color: #2b2e80;}
.product_box .item01 a:hover{color: #2b2e80;text-decoration: underline;}
.product_box .item01 .list01 a:before{background-position: 0 0;}
.product_box .item01 .list02 a:before{background-position: 0 -34px;}
.product_box .item01 .list03 a:before{background-position: 0 -68px;}
.product_box .item01 .list04 a:before{background-position: 0 -102px;}
.product_box .item01 .list05 a:before{background-position: 0 -136px;}
.product_box .item01 .list06 a:before{background-position: 0 -170px;}
.product_box .item01 .list07 a:before{background-position: 0 -204px;}

.product_box .item02{background-image: url(../../images/S01/main/product_bg02.png);}
.product_box .item02 .title{color: #d6752d;}
.product_box .item02 a:hover{color: #d6752d;text-decoration: underline;font-weight: 500;}
.product_box .item02 .list01 a:before{background-position: -24px 0;}
.product_box .item02 .list02 a:before{background-position: -24px -34px;}
.product_box .item02 .list03 a:before{background-position: -24px -68px;}
.product_box .item02 .list04 a:before{background-position: -24px -102px;}
.product_box .item02 .list05 a:before{background-position: -24px -136px;}
.product_box .item02 .list06 a:before{background-position: -24px -170px;}
.product_box .item02 .list07 a:before{background-position: -24px -204px;}

.product_box ul li.list07{width: 100%;}

/* 관련사이트 */
.btm_cts .site_box{background: #f0f5ff;border-top: 1px solid #dbdbdb;}
.btm_cts .site_box .inner{padding: 25px 0;}
.btm_cts .site_box ul{display: flex;justify-content: space-between;}
.btm_cts .site_box ul a{display: block;padding-left: 34px;background: url(../../images/S01/main/korea_logo.png) left top 1px no-repeat;line-height: 30px;color: #63646d;font-weight: 500;}


/* Layer Popup */
.ly_pop {position:absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);z-index:9000;width: 100%;max-width: 600px;background:#fff;border-radius: 30px 30px 20px 20px;padding-bottom: 30px;display: none;font-family: 's-core-dream', sans-serif!important;color: #242424;}
.ly_pop h1 {font-size:18px; color:#fff;line-height:20px;background:#1f3159;padding:15px 45px 15px 25px;border-radius: 20px 20px 0 0;}
.ly_pop .desc {background:#fff; padding:20px 20px 0;}
.ly_pop .tBox {border-top: solid 2px #999;border-bottom: solid 1px #999;}
.ly_pop .btn {clear:both; margin-top:17px;padding:10px 0; border-top:1px solid #e5e5e5; text-align:center;margin:17px 20px 0;}
.ly_pop .close {position:absolute; top:-5px;right:5px; width:22px;height:22px;}
.ly_pop .close a:before {width:20px; height:2px; background:#fff; content:'';display:block;position:absolute;top:30px;right: 15px;
/*방향회전*/-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.ly_pop .close a:after {width:20px; height:2px; background:#fff; content:'';display:block;position:absolute;top:30px;right: 15px;
/*방향회전*/-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.ly_pop .pw_change_txt {text-align:center;padding:20px 0 22px;font-size:18px;}
.ly_pop form{padding: 0 25px;}
.ly_pop .btn_change {text-align:center;margin-top:20px;}
.ly_pop .change_table {width:100%;margin:0 auto;}
.ly_pop .change_table .change_line th {background:#f1f2f6;font-weight:normal;text-align:left; padding:10px 20px;border:1px solid #dbdbdb;} 
.ly_pop .change_table .change_line td {background:#fff;font-weight:normal;text-align:center; padding:10px 15px;border:1px solid #dbdbdb;}
.ly_pop .change_table .change_line td input {width:100%; background:#fff;border: 1px solid #d9d9d9;height: 35px;box-sizing: border-box;padding-block: 0;padding-inline: 0;padding: 4px 10px;}
.btn_round {color:#fff; display:inline-block;line-height:45px; border-radius:8px; background:#1f3159;}
.btn_close {color:#fff; display:inline-block;line-height:45px; border-radius:8px; background:#393b3f;}
.btn_round a, .btn_close a {color:#fff;display:block;min-width: 120px;}

/* 회원사 상담문의 */
.joinInfo_cts{position: fixed;top: 150px;left: calc(50vw + 650px);width: 210px;margin-left: auto;z-index: 20;background: #fff;border-radius: 16px;padding: 15px;box-shadow: 0 0 7px rgba(0, 0, 0, .1);transition: top .3s;box-sizing: border-box;}
.joinInfo_cts.fixed{top: 50px;}
.joinInfo_cts dl{line-height: 1;}
.joinInfo_cts dl dt{font-size: 16px;font-weight: 600;text-align: center;color: #fff;border-radius: 10px;height: 40px;margin-bottom: 20px;padding: 12px 10px 10px;box-sizing: border-box;}
.joinInfo_cts .item01 dt{background: #1a2755;}
.joinInfo_cts .item01 dd{padding-left: 44px;display: flex;flex-direction: column;margin-top: 18px;position: relative;}
.joinInfo_cts .item01 dd:before{content: '';width: 38px;height: 38px;display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.joinInfo_cts .item01 dd.ico01:before{background: url(../../images/S01/main/joinInfo_ico01.png) center no-repeat;}
.joinInfo_cts .item01 dd.ico02:before{background: url(../../images/S01/main/joinInfo_ico02.png) center no-repeat;}
.joinInfo_cts .item01 .title{font-size: 14px;}
.joinInfo_cts .item01 .tel_num{font-size: 18px;font-weight: 600;color: #3355d0;margin-top: 6px;}
.joinInfo_cts .item02{margin-top: 32px;}
.joinInfo_cts .item02 dt{background: #eb9411;}
.joinInfo_cts .item02 .tel_num{font-size: 22px;font-weight: 600;color: #fc8c08;text-align: center;margin-bottom: 30px;}

@media screen and (max-width:1800px) {
  .joinInfo_cts{position: absolute;top: 150px;left: auto;right: 40px;}
  .joinInfo_cts.fixed{top: 150px;}
}