@charset "utf-8"; 

/* title */
.titH3 { position: relative; }
.titH3 span { margin: 30px 0 24px; display: block;line-height:1.3; font-size: 22px; font-weight: 600;color:#151515}
/*.titH3::before{content:"";position:absolute;left:0;top:10px;width:19px;height:12px;background:url(/resources/images/contents/bul_title_1.svg) center/contain no-repeat}
.titH3 { position: relative; }
.titH3 span { margin: 30px 0 10px 25px; display: block; font-size: 24px; font-weight: 500; }
.titH3::before { content: ""; position: absolute; top: 11px; left: 0; width: 8px; height: 8px; border: 4px solid #1a3777; border-radius: 50%; }*/
.titH4 { margin: 40px 0 10px 0; display: block; font-size: 24px; font-weight: 600; }
.listNum .cl_sky { color: #000 !important; }

.adminTit { position: relative; font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px; margin: 0 0 20px; }
.adminTit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(/resources/images/contents/titleH3.png) repeat-x 0 0; }
.mypageTit { position: relative; font-size: 30px; font-weight: 700; display: block; padding-bottom: 15px; margin:0 0 30px; }
.mypageTit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(/resources/images/contents/titleH3.png) repeat-x 0 0; }

.contTit { font-size: 2.25em; font-weight: 500; }
.contTxt { font-size: 1.25em; color: #333; }
.subTit { font-size: 1.5em; font-weight: 500; }
.subTxt { font-size: 1em; color: #707070; }

/* Txt */
.txt_dotRed { display: block; position: relative; padding-left: 12px; }
.txt_dotRed::before { content: ''; display: block; position: absolute; left: 0; top: 5px; overflow: hidden; width: 4px; height: 4px; background: #a80638; }
.txt_dotBlue { display: block; position: relative; padding-left: 12px; }
.txt_dotBlue::before { content: ''; display: block; position: absolute; left: 0; top: 10px; overflow: hidden; width: 4px; height: 4px; background: #00589e; }
.txt_lineGray { display: block; position: relative; padding-left: 12px; }
.txt_lineGray::before { content: ''; display: block; position: absolute; left: 0; top: 12px; overflow: hidden; width: 5px; height: 1px; background: #555555; }

/* list 리스트 */
.list_dotBlue { overflow: hidden; }
.list_dotBlue>li { display: block; position: relative; padding-left: 10px; font-weight: 400; line-height: 1.6; }
.list_dotBlue>li+li { margin-top: 5px; }
.list_dotBlue>li::before { content: ''; display: block; position: absolute; left: 0; top: 11px; overflow: hidden; width: 3px; height: 3px; border-radius: 50%; background: #00589e; }

/* tab 메뉴 */
.tab_menu_box { position: relative; z-index: 76; margin-bottom:30px; background:#F2F4F7;border-radius:12px}
.tab_menu_box .tab_menu_button { display: none; }
.tabmenu ul {display:flex; width: 100%; }
.tabmenu ul li { flex:1 }
.tabmenu ul li a { position: relative; display: flex;justify-content:center;align-items:center;height:100%;padding: 15px 5px; text-align: center; vertical-align: middle; font-size: 17px;font-weight:700; color: #555;border-radius:12px;transition:all .3s;word-break:break-all}
.tabmenu ul li a:hover { color: #000;}
.tabmenu ul li a.active { border:2px solid #0460B6; background:#fff; color:#0460B6;box-shadow:0 0 8px 0 rgba(0, 88, 172, 0.14);}

/* tab_api 메뉴 */
.tabAmenu ul {display:inline-block;max-width:100%;margin-bottom:15px;background:#F2F4F7;padding-left:1px;border-radius:12px}
.tabAmenu ul::after{content:"";display:block;clear:both}
.tabAmenu ul div{display:flex}
.tabAmenu ul li { float:left; width:150px; }
.tabAmenu ul li a {display:flex;align-items:center;justify-content:center;position: relative;height:44px;margin-left:-1px;padding:5px; text-align: center; vertical-align: middle; font-size: 16px; color: #555;font-weight:500}
.tabAmenu ul li a:hover {}
.tabAmenu ul li a.active { border:2px solid #0460B6; background: #fff; color:#0460B6;border-radius:12px;box-shadow:0 0 8px 0 rgba(0, 88, 172, 0.14)}

/* long tab 메뉴 */
.tab_long_box { position: relative; z-index: 77; margin: 20px 0 20px; }
.tab_long_box .tab_long_button { position: relative; display: none; border: #1a3777 solid 3px; width: 100%; height: auto; margin: 0; padding: 11px 33px 11px 17px; background: transparent; line-height: 20px; text-align: left; color: #1a3777; font-size: 16px; }
.tab_long_box .tab_long_button:before { position: absolute; top: 19px; right: 15px; display: block; width: 14px; height: 8px; background: url('/resources/images/contents/tab_menu.png') no-repeat; content: ''; }
.tablong ul { display: table; width: 100%; table-layout: fixed; }
.tablong ul li { display: table-cell; border-top: 1px solid #d6d6d6; }
.tablong ul li a { position: relative; display: block; border-color: #d6d6d6; border-style: solid; border-width: 0 1px 1px 0; background: #f9f9f9; padding: 12px 5px; text-align: center; vertical-align: middle; color: #333333; font-size: 15px; font-weight: 500; }
.tablong ul li.active a, .tablong ul li a:hover { border-color: #d9d9d9; background: #EE6501; color: #FFF; }
.tablong ul li a:before { position: absolute; top: calc(50% - 4px); right: 20px; display: block; width: 14px; height: 8px; background-repeat: no-repeat; background-position: center top; content: ''; transition-property: background-position, transform; transition-duration: 200ms; transition-timing-function: ease-in-out; }
.tablong ul li:first-child a { border-left: 1px solid #d6d6d6; }
.tablong ul li.active a:before, .tablong ul li a:hover:before { background-position: center bottom; transform: rotateX(180deg); }

/* 탭박스 */ 
.tab-box:after { content: ""; display: block; clear: both; } 
.tab-box .w2tabcontrol_contents_wrapper>.search-box,.tab-box .w2tabcontrol_contents_wrapper .w2wframe > .search-box { background-color: #f6f6f6; background-image: none; } 
.tab-box .w2tabcontrol_contents_wrapper>.search-box>.btn-group a,.tab-box .w2tabcontrol_contents_wrapper .w2wframe .search-box>.btn-group a { background-color: #5dc7e5 !important; height: 36px; line-height: 32px; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb { width: 100%; margin-top: 0; margin-bottom: 0; border-collapse: collapse; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb .w2tb_th { height: 36px; background: #fcfdff; padding: 5px 8px 5px 8px; border: 1px solid #efefef; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb .w2tb_td { background: white; height: 36px; padding: 5px 8px 5px 8px; border: 1px solid #efefef; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb .w2tb_th.req span:before { content: "* "; color: #ff0024; font-weight: normal; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb .w2tb_th.req+td> .w2input { background-color: #fff2c6 !important; border-color: #ffcf7b !important; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb .w2tb_th.req+td> .w2selectbox { background-color: #fff2c6 !important; border-color: #ffcf7b !important; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb .w2tb_th.req+td> .w2autoComplete { background-color: #fff2c6 !important; border-color: #ffcf7b !important; } 
.w2group .w2tabcontrol_contents_wrapper > .w2tb .w2tb_th.req+td> .w2textarea { background-color: #fff2c6 !important; border-color: #ffcf7b !important; } 

.w2table_tabControl { left: auto !important; right: 10px; } 
.w2tabcontrol { margin-bottom:34px; position: relative; } 
.w2tabcontrol_contents { height: auto !important; }
.w2tabcontrol_contents>.w2tabcontrol_contents_wrapper>.search-box:first-child { margin-bottom: 15px; } 
.w2tabcontrol_contents>.w2tabcontrol_contents_wrapper>.w2wframe>.search-box:first-child { margin-bottom: 15px; } 
.w2tabcontrol_contents_wrapper { height: auto !important; } 

.w2tabcontrol_container .w2wframe { overflow: visible; }
.layout-float .con-box .w2tabcontrol { position: relative; }/* top: -10px; */ 

.w2tabcontrol > .w2tabcontrol_tabhost {background:#F2F4F7;float: none;display: table;table-layout: fixed;width: 100%;border-radius:12px} 
.w2tabcontrol > .w2tabcontrol_tabhost ul { display: table; table-layout: fixed; width: 100%; }
.w2tabcontrol > .w2tabcontrol_tabhost ul li { display: table-cell; }
.w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li { display: table-cell; background: transparent;vertical-align:top;overflow:inherit} 
.rss_tab > .w2tabcontrol_tabhost > .w2tabcontrol_li {display: table-cell;background: transparent} 
 
.w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_tab_center { padding: 0; border: 0 none; border-right: 0; background: transparent; } 
.w2tabcontrol .w2tabcontrol_tabhost .w2tabcontrol_tab_center a { top: 0; margin: 0; display: block; color: #929292; } 
.w2tabcontrol > .w2tabcontrol > .w2tabcontrol_tabhost > .w2tabcontrol_li { overflow: hidden !important; } 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_tab_center {padding: 0;border-right: 0;background: transparent;display: table;table-layout: fixed;width: 100%;} 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_tab_center a {top: 0;margin: 0;padding: 15px 10px;line-height: 1.5;display: table-cell;vertical-align: middle;color: #555;font-size: 17px;font-weight: 700;} 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center {position: relative; overflow: visible; } 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a { color:#0460B6; border:2px solid #0460B6;background:#fff;border-radius:12px;box-shadow:0 0 8px 0 rgba(0, 88, 172, 0.14);} 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a span {padding-left: 3px;}
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_disabled { opacity: 1; } 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_disabled .w2tabcontrol_tab_center { background: #f7f7f7; } 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_disabled .w2tabcontrol_tab_center a { color: #888888; line-height: 46px; } 
.w2tabcontrol > .w2tabcontrol_tab_right, .w2tabcontrol_tab_left { display: none; } 

.w2tabcontrol > .w2tabcontrol_container { height: auto !important; border: 0; padding-bottom: 0; background: transparent; border-top: none; min-height: 640px; } 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right { background-image: none; } 
.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_tab_right { background-image: none; } 
.tabMbox { padding: 40px 30px 0; border: 1px solid #d7d7d7; border-top: none; }

/* 로그인 */
.login_wrap { margin: 0 auto; padding: 20px 0; }
.login_wrap:after { content: ""; display: block; clear: both; }
.login_wrap > div { float: left; width: 50%; display: inline-block ; vertical-align: top; position: relative; }
.login_wrap > div.left_login { padding-right: 60px; }
.login_wrap > div.left_login::before { content: ""; display: block; width: 1px; height: 100%; background-color: #dbdee1; position: absolute; right: 0; top: 0; }
.login_wrap > div.right_login { padding-left: 60px; }
.login_wrap .contTit { margin-bottom: 10px; }
.login_wrap .contTxt { margin-bottom: 40px; }
.login_wrap .space { margin: 10px 0 15px; }
.login_wrap .space input { width: 100%; height: 48px; padding: 14px 20px 13px 60px; font-size: 16px; border: 1px solid #d9d9d9; line-height: 48px; }
.login_wrap .space .inp_id { background: url('/resources/images/contents/ic_id.png') no-repeat 10px center; }
.login_wrap .space .inp_password { background: url('/resources/images/contents/ic_password.png') no-repeat 10px center; }
.login_wrap .space a { font-size: 18px; font-weight: 500; vertical-align: middle; text-align: center; }
.login_wrap .login_text { text-align: center; margin-top: 20px; }
.login_wrap .login_text a:hover { color: #0360C4; text-decoration: underline; }
.login_wrap .login_text span { position: relative; padding-left: 24px; margin-left: 20px; }
.login_wrap .login_text span:before { display: inline-block; position: absolute; top: 7px; left: 0; width: 1px; height: 14px; background: #ccc; content: ''; }

.log_wrap { margin: 0 auto; padding: 60px 0; }
.log_wrap > div { max-width: 500px; position: relative; margin: 0 auto; }
.log_wrap .space { margin: 10px 0 20px; }
.log_wrap .space input { width: 100%; height: 48px; padding: 10px 20px 10px 60px; font-size: 15px; border: 1px solid #d9d9d9; line-height: 48px; border-radius: 50px; }
.log_wrap .space a { font-size: 18px; font-weight: 500; vertical-align: middle; text-align: center; }
.log_wrap .login_btn { border-radius: 10px; }
.log_wrap .login_text { text-align: center; margin-top: 30px; }
.log_wrap .login_text a:hover { color: #0360C4; text-decoration: underline; }
.log_wrap .login_text span { position: relative; padding-left: 24px; margin-left: 20px; }
.log_wrap .login_text span:before { display: inline-block; position: absolute; top: 7px; left: 0; width: 1px; height: 14px; background: #ccc; content: ''; }
.log_wrap .contTxt { margin-bottom: 40px; }
.log_wrap .space .inp_id { background: url('/resources/images/contents/ic_id.png') no-repeat 10px center; }
.log_wrap .space .inp_password { background: url('/resources/images/contents/ic_password.png') no-repeat 10px center; }

.log_wrap .log_box { z-index: 99; margin-top: 12%; background-color: #fff !important; padding: 60px 40px 30px; border-radius: 40px; box-shadow: 2px 2px 15px rgb(63 68 138 / 15%); }
.log_wrap .logimg { margin: 0 auto 60px; text-align: center; }
.btn_login { display: inline-block; background: #0360C4; width: 100%; height: 50px; margin: 0; padding: 0 40px; color: #fff; font-size: 15px; font-weight: 500; line-height: 50px; border-radius: 50px; }
.btn_login:hover { background: #0152a8; color: #fff; }
.btn_naver { display: inline-block; background: #03c659 url('/resources/images/contents/ic_naver.png') no-repeat 40px center; width: 100%; height: 50px; color: #fff; line-height: 50px; }
.btn_naver:hover { color: #fff; }
.btn_kakao { display: inline-block; background: #fee500 url('/resources/images/contents/ic_kakao.png') no-repeat 40px center; width: 100%; height: 50px; color: #181600; line-height: 50px; }
.btn_google { display: inline-block; background: #fff url('/resources/images/contents/ic_google.png') no-repeat 40px center; border: 1px solid #d9d9d9; width: 100%; height: 50px; line-height: 50px; }
.btn_kwater { display: inline-block; background: #0360c4; color:#fff; border: 1px solid #0360c4; width: 100%; height: 50px; line-height: 50px; }

.bg2_login { background-color: #f3f3f3 !important; }
.log_bg2:before,
.log_bg2:after { content: ""; display: block; position: absolute; z-index: 1; }
.log_bg2:before { width: 676px; height: 395px; background: url(/resources/images/contents/login_bg01.png) no-repeat right top; right: 0; top: 0; background-size: contain; }
.log_bg2:after { width: 367px; height: 321px; background: url(/resources/images/contents/login_bg02.png) no-repeat left bottom; left: 0; bottom: 0; background-size: contain; }

.bg_login { background-color: #f5fcff !important; }
.log_bg:before,
.log_bg:after { content: ""; display: block; position: absolute; z-index: 1; }
.log_bg:before { width: 485px; height: 578px; background: url(/resources/images/contents/log_bg01.png) no-repeat right top; right: 0; top: 0; }
.log_bg:after { width: 100%; height: 161px; background: url(/resources/images/contents/log_bg02.png) no-repeat left top; left: 0; bottom: 0; -webkit-animation: log_bg02 10s infinite; animation: log_bg02 10s infinite; }
@keyframes log_bg02 { 
 0% { background-position: center center; }
 25% { background-position: 70% center; }
 50% { background-position: center center; }
 75% { background-position: 70% center; }
 100% { background-position: center center; }
 }
@-webkit-keyframes log_bg02 { 
 0% { background-position: center center; }
 25% { background-position: 70% center; }
 50% { background-position: center center; }
 75% { background-position: 70% center; }
 100% { background-position: center center; }
 }

/* 아이디/비밀번호 찾기 */
.find_wrap { margin: 40px auto; }
.find_wrap:after { content: ""; display: block; clear: both; }
.find_wrap .find_box { width: 100%; height: auto; margin-top: 30px; }
.find_wrap .find_box .item { float: left; width: calc(50% - 15px); display: inline-block; vertical-align: top; border: 1px solid #dbdee1; padding: 40px 10px; text-align: center; }
.find_wrap .find_box .item:last-child { margin-left: 30px; }
.find_wrap .find_box .item .subTit { margin: 20px auto; }

/* 로그인 버튼 */
.btn_join1 { display: inline-block; border: 2px solid #0360C4; width: 200px; height: 50px; color: #0360C4; line-height: 46px; font-weight: 500; border-radius: 60px; }
.btn_join2 { display: inline-block; border: 2px solid #009e42; width: 200px; height: 50px; color: #009e42; line-height: 46px; font-weight: 500; border-radius: 60px; }
.ic_join1 { display: inline-block; background: #0360C4 url('/resources/images/contents/ic_join1.png') no-repeat center; width: 200px; height: 200px; border-radius: 50%; text-indent: -9999px; }
.ic_join2 { display: inline-block; background: #009e42 url('/resources/images/contents/ic_join2.png') no-repeat center; width: 200px; height: 200px; border-radius: 50%; text-indent: -9999px; }
.cl_join1 { color: #0360C4; }
.cl_join2 { color: #009e42; }

/* 회원가입 Step */
.join_wrap {margin-top:10px; }
.join_wrap .joinStep { display: table; width: 100%; overflow: hidden; border: 1px solid #d9d9d9; background: #f9f9f9; }
.join_wrap .joinStep .step { display: table-cell; position: relative; vertical-align: middle; width: 20%; height: 70px; padding: 0 0 0 40px; font-size: 1.125em; font-weight: 500; color: #8a8b90; }
.join_wrap .joinStep .step:after { content: ""; display: block; width: 20px; height: 72px; position: absolute; right: -19px; top: -1px; background: url('/resources/images/contents/bg_stepArr_off.png') right center no-repeat; background-size: auto 100%; z-index: 9; }
.join_wrap .joinStep .step:last-child { border-right-width: 1px; }
.join_wrap .joinStep .step:last-child:after { display: none; }
.join_wrap .joinStep .step:first-child { padding-left: 20px; }
.join_wrap .joinStep .step:first-child a { border-left: 1px solid #d9d9d9; }
.join_wrap .joinStep .step.on { border-color: #EE6502; color: #fff; background: #EE6501; }
.join_wrap .joinStep .step.on:after { background: url('/resources/images/contents/bg_stepArr_on.png') right center no-repeat; }
.join_wrap .joinStep .step b { margin-right: 15px; font-family: 'Montserrat', sans-serif; }
.join_wrap .joinStep .step br { display: none; }

/*회원가입*/
.join_wrap { margin: 40px auto; }
.join_wrap:after { content: ""; display: block; clear: both; }
.join_wrap .subTit { line-height: 1em; margin-top: 78px; }
.join_wrap .join_box { width: 800px; margin: 60px auto; }
.join_wrap .join_box .item { float: left; width: calc(50% - 15px); display: inline-block; vertical-align: top; padding: 0; text-align: center; }
.join_wrap .join_box .item:last-child { margin-left: 30px; }
.join_wrap .join_box .item img { display: block; margin: 0 auto; }
.join_wrap .contTit { margin-top: 30px; }
.join_wrap .contTit strong { color: #f25733; }
.join_wrap .contTxt { margin: 10px 0 30px; font-weight: 500; }
.join_wrap .contTxt strong { font-weight: 500; text-decoration: underline; }
.join_wrap .subTit { margin: 20px 0 10px; }
.join_wrap .subTxt { margin-bottom: 20px; }

/* 약관동의 */
.join_wrap .chk_box { border: 1px solid #d9d9d9; margin: 20px auto; }
.join_wrap .chk_box .chk_tit { background: #fafafa; display: block; padding: 12px 20px; font-size: 18px; border-bottom: 1px solid #d9d9d9; font-weight: 600; }
.join_wrap .chk_box .chk_txt { position: relative; padding: 15px 20px; background: #fff; overflow-y: auto; height: 300px; }
.join_wrap .chk_box .chk_txt .policy_wrap h2 { font-size: 22px; margin-top: 20px; }
.join_wrap .chk_box .chk_txt .policy_wrap h3 { font-size: 18px; margin:15px 0 15px; }
.join_wrap .chk_box .chk_txt img { width: 100%; margin: 20px auto; }
.join_wrap .chk_all { background: #fff; display: block; padding: 0; font-size: 18px; font-weight: 600; }
.join_wrap .chk_box .hp_box { position: relative; max-width: 500px; text-align: left; padding: 40px 0; margin: 0 auto; background: url('/resources/images/contents/img_hp.png') no-repeat left center; }
.join_wrap .chk_box .hp_box p { padding: 0 0 0 120px; text-align: left; }
.join_wrap .chk_box .hp_box .subBtn { position: absolute; right: 0; top: 65px; }


/* Error */
.errorPage { width: 100%; margin: 0 auto; padding-top: 100px; }
.errorPage .error_img { text-align: center; margin-top: 50px; margin-bottom: 30px; }
.errorPage .error_title { margin: 0 auto; font-size: 28px; font-weight: 500; text-align: center; }
.errorPage .error_title strong { color: #f25733; }
.errorPage .btn { margin: 40px auto; text-align: center; }
.errorPage .btn { width: 200px; height: 56px; line-height: 56px; }

/* Modal_Popup */
.current.blocker { top: 0; height: auto!important; }
.layer_def { display: none; height: auto; background: #fff; vertical-align: middle; position: relative; z-index: 2; width: 100%; padding:0; margin:0 auto; text-align: left; overflow: hidden; }
.layer_def.map_popup { display: none; height: 80%; width: 80% !important; max-width: 47.75rem; background: #fff; vertical-align: middle; position: relative; z-index: 2; width: 100%; text-align: left; border-radius: 0.3rem; overflow: hidden }
.modal_header { position: relative; display: block; padding: 0; background: #1a3777; padding: 20px; color: #fff; }
.modal_header .popuptit { font-size: 20px; position: relative; line-height: 30px; font-weight: 700; background: #1a3777; }
.modal_header .btn_Close { overflow: hidden; display: block; position: absolute; right: 20px; top: 25px; width: 17px; height: 17px; text-indent: -9999px; background: url(/resources/images/common/btn_close.png) no-repeat; }
.modal_body { padding:20px }
.search_box { background: #eff2f7; padding: 20px; }
.search_box .box { margin-top: 15px; }
.search_box .box:first-child { margin-top: 0; }
.search_box .box .title { display: block; margin-bottom: 10px; }
.search_box .box .txt { display: block; margin: 0; padding: 0; }

.pop_btm { margin: 8px 10px 0; height: 30px; font-size: 14px; }
.pop_btm b{ padding: 0 5px; }
.pop_check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.pop_check input[type="checkbox"] + label { display: inline-block; position: relative; color: #555; font-size: 0; }
.pop_check input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 22px; height: 22px; background: url('/resources/images/contents/zzim_check_off.png') no-repeat 50% 50%; }
.pop_check input[type="checkbox"]:hover + label:before,
.pop_check input[type="checkbox"]:focus + label:before,
.pop_check input[type="checkbox"]:active + label:before { border: 1px dotted #000; }
.pop_check input[type="checkbox"]:checked + label:before { content: ''; background: url('/resources/images/contents/zzim_check_on.png') no-repeat 50% 50%; }
.pop_layer { margin:0 auto; border: 1px solid #1a3777; }

/* 네모 체크 버튼 */
.sq_check { position: relative; }
.sq_check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.sq_check input[type="checkbox"] + label { display: inline-block; position: relative; }
.sq_check input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 24px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle;border:1px solid #d8d8d8; background: url('/resources/images/contents/icon_checkbox_chk.svg') no-repeat 55% 50%;border-radius:4px;background-color:#fff}
.sq_check input[type="checkbox"]:hover + label:before,
.sq_check input[type="checkbox"]:focus + label:before,
.sq_check input[type="checkbox"]:active + label:before { outline: 1px dotted #000;outline-offset:-1px }
.sq_check input[type="checkbox"]:checked + label:before { content: ''; color: #99a1a7; text-shadow: 1px 1px #fff; background-color:#0460B6; color: red; }

.sq_check input[type="radio"] { padding: 0; margin: 0 10px; overflow: hidden; border: 0; }
.sq_check input[type="radio"] + label { display: inline-block; position: relative; }

/* Window-Popup */
.w2window_maximized.w2popup_window.header-none { position: fixed !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; margin-left: -225px !important; margin-top: -99px !important; }
.w2window {border:0;box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.14);border-radius:10px;overflow:hidden}
.w2window .w2window_body{padding:0}
.w2popup_window .w2window_header { position: absolute; height: 70px; background :#003893; } 
.w2popup_window .w2window_header_icon { position: absolute; top: 0; left: 3px; width: 44px; height: 24px; background: none; }
.w2popup_window .w2window_header_title { position: absolute; top:15px; left: 20px; width: 300px; height:auto; padding: 7px 0 0 0; font-size:20px; font-weight:700; color: #fff; }
.w2popup_window .w2window_header_control { position: absolute; top: 0; right: 20px; width: 55px; }
.w2popup_window .w2window_close { position: absolute; top:24px; right: 20px; cursor: pointer; width: 17px; height: 17px; cursor: pointer; background: url(/resources/images/common/btn_close.png) no-repeat center center;transition:all .3s}
.w2popup_window .w2window_close_on {transform:rotate(180deg)}
.w2popup_window .w2window_body { background-color: #ffffff; position: absolute; top:70px;}
.w2popup_window .w2window_content { background-color: #ffffff; position: absolute; ; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}
.w2popup_window .w2window_iframe { background-color: #ffffff; position: absolute; width: 100%; height: 100%; border: 0; padding: 0; }
.w2popup_window .w2window_status { background-color: #ffffff; position: absolute; height: 20px; border-top: 0 solid #7f95b3; }
.w2popup_window .w2window_msg { background: url(uiplugin/window/images/icon_msg.gif) left center no-repeat; position: absolute; overflow: hidden; top: 3px; left: 2px; width: 160px; height: 14px; padding: 3px 0 0 18px; }

/* 헤더 */
.header-none .w2window_header { position: absolute; height: 49px; display: none; } 
.header-none .w2window_body { background-color: #ffffff; position: absolute; top: 0; }
.header-none .w2window_content { background-color : #ffffff; position: relative; }
.header-none .w2window_iframe { background-color : #ffffff; position: absolute; width: 100%; border: 0; padding: 0; }
.header-none .w2window_status { background-color : #ffffff; position: absolute; height: 20px; border-top: 0 solid #7f95b3; display: none; }
.header-none .w2window_msg { background: url(uiplugin/window/images/icon_msg.gif) left center no-repeat; position: absolute; overflow: hidden; top: 3px; left: 2px; width: 160px; height: 14px; padding: 3px 0 0 18px; }

.header-error .w2window_header { position: absolute; height: 49px; display: block; } 
.header-error .w2window_header .w2window_header_icon { width: 50%; height: 100%; }
.header-error .w2window_header .w2window_header_title { position: absolute; height: 49px; background: #fff; display: none; } 
.header-error .w2window_header .w2window_header_control { position: absolute; height: 49px; background: #fff; display: none; } 
.header-error .w2window_body { background-color: #ffffff; position: absolute; top: 49px; }
.header-error .w2window_content { background-color : #ffffff; position: relative; }
.header-error .w2window_iframe { background-color : #ffffff; position: absolute; width: 100%; border: 0; padding: 0; }
.header-error .w2window_status { background-color : #ffffff; position: absolute; height: 20px; border-top: 0 solid #7f95b3; }
.header-error .w2window_msg { background: url(uiplugin/window/images/icon_msg.gif) left center no-repeat; position: absolute; overflow: hidden; top: 3px; left: 2px; width: 160px; height: 14px; padding: 3px 0 0 18px; }

.header-notice .w2window_header .w2window_header_icon { width: 50%; height: 100%; }
.header-notice .w2window_header .w2window_header_title { position: absolute; height: 49px; background: #fff; display: none; } 
.header-notice .w2window_header .w2window_header_control { position: absolute; height: 49px; background: #fff; display: none; } 
.header-notice .w2window_body { background-color: #ffffff; position: absolute; top:70px; }
.header-notice .w2window_content { background-color : #ffffff; position: relative; }
.header-notice .w2window_iframe { background-color : #ffffff; position: absolute; width: 100%; border: 0; padding: 0; }
.header-notice .w2window_status { background-color : #ffffff; position: absolute; height: 20px; border-top: 0 solid #7f95b3; }
.header-notice .w2window_msg { background: url(uiplugin/window/images/icon_msg.gif) left center no-repeat; position: absolute; overflow: hidden; top: 3px; left: 2px; width: 160px; height: 14px; padding: 3px 0 0 18px; }

.header-warning .w2window_header { position: absolute; height: 49px; display: block; } 
.header-warning .w2window_header .w2window_header_icon { width: 50%; height: 100%; }
.header-warning .w2window_header .w2window_header_title { position: absolute; height: 49px; background: #fff; display: none; } 
.header-warning .w2window_header .w2window_header_control { position: absolute; height: 49px; background: #fff; display: none; } 
.header-warning .w2window_body { background-color: #ffffff; position: absolute; top: 49px; }
.header-warning .w2window_content { background-color : #ffffff; position: relative; }
.header-warning .w2window_iframe { background-color : #ffffff; position: absolute; width: 100%; border: 0; padding: 0; }
.header-warning .w2window_status { background-color : #ffffff; position: absolute; height: 20px; border-top: 0 solid #7f95b3; }
.header-warning .w2window_msg { background: url(uiplugin/window/images/icon_msg.gif) left center no-repeat; position: absolute; overflow: hidden; top: 3px; left: 2px; width: 160px; height: 14px; padding: 3px 0 0 18px; }

.header-confirm .w2window_header { position: absolute; height: 49px; display: block; } 
.header-confirm .w2window_header .w2window_header_icon { width: 50%; height: 100%; }
.header-confirm .w2window_header .w2window_header_title { position: absolute; height: 49px; background: #fff; display: none; } 
.header-confirm .w2window_header .w2window_header_control { position: absolute; height: 49px; background: #fff; display: none; } 
.header-confirm .w2window_body { background-color: #ffffff; position: absolute; top: 49px; }
.header-confirm .w2window_content { background-color : #ffffff; position: relative; }
.header-confirm .w2window_iframe { background-color : #ffffff; position: absolute; width: 100%; border: 0; padding: 0; }
.header-confirm .w2window_status { background-color : #ffffff; position: absolute; height: 20px; border-top: 0 solid #7f95b3; }
.header-confirm .w2window_msg { background: url(uiplugin/window/images/icon_msg.gif) left center no-repeat; position: absolute; overflow: hidden; top: 3px; left: 2px; width: 160px; height: 14px; padding: 3px 0 0 18px; font-size: 12px; color: #033771; }

/* 메세지창 */
.alert-pop { position: relative; margin-top: 0; top: 0; }
.alert { font-size: 13px; margin: 0; margin-top: 0; display: block; padding: 15px; line-height: 160%; font-size: 14px; background-size: 40px 39px; letter-spacing: -1px; text-align: center !important; }
.alert-pop .footer .btn-group { background: transparent !important; text-align: center; padding: 0; }
.alert-pop .footer .btn-group a { font-size: 14px; min-width: 80px !important; padding-left: 20px !important; padding-right: 20px !important; margin-left: 10px !important; }
.alert-pop .footer .btn-group a:first-child { margin-left: 0 !important; }
.alert-pop .w2input_disabled { background-color: #b1b1b1 !important; color: #fff !important; }
.alert-pop>.w2floatingLayer_table>tbody>.w2floatingLayer_dragArea { display: none; }

.header-notice .w2window_header .w2window_header_icon { background: url("/resources/images/pop-notice.png") no-repeat left center; margin-left: 20px; }
.header-notice .w2window_header_icon:after { content: "notice"; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 17px; left: 40px; top:24px; position: relative; }
.header-warning .w2window_header .w2window_header_icon { background: url("/resources/images/pop-warning.png") no-repeat left center; margin-left: 20px; }
.header-warning .w2window_header_icon:after { content: "warning"; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 17px; left: 40px; top:24px; position: relative; }
.header-error .w2window_header .w2window_header_icon { background: url("/resources/images/pop-error.png") no-repeat left center; margin-left: 20px; }
.header-error .w2window_header_icon:after { content: "error"; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 17px; left: 40px; top:24px; position: relative; }
.header-confirm .w2window_header .w2window_header_icon { background: url("/resources/images/pop-confirm.png") no-repeat left center; margin-left: 20px; }
.header-confirm .w2window_header_icon:after { content: "confirm"; display: inline-block; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 17px; left: 40px; top:24px; position: relative; }
.white { background: #fff; }
.alert > .w2scrollView { padding: 20px 0; color: #000; text-align: left; background: #eff2f7; }
.alert .w2scrollView_container { padding: 0 20px; }
 
 /* treeview */
.w2treeview { padding-left: 20px; padding-top: 10px; }
.w2treeview_col_depth0 { display: none; }
.w2treeview_select_node { background: none; color: #1989bd; font-weight: bold }
.w2treeview_none { display: none; }
.w2treeview_col_icon_navi { width: 16px; }
.w2treeview_col_icon_checkbox { width: 19px; height: 19px; position: relative; left: -1px; background: url(/resources/images/tree/leaf_single_root.gif) no-repeat -5px 6px; }
.w2treeview_col_icon_label { width: 20px; }
.w2treeview_checkbox { height: 14px; width: 14px; margin: 0; padding: 0; position: absolute; opacity: 0; }
.w2treeview_icon_navi { height: 30px; }
.w2treeview_icon_label { width: 18px; height: 20px; text-align: center; background-repeat: no-repeat; background-position: center center; }
.w2treeview_icon_label_none { display: none; }
.w2treeview_tooltip { display: none; position: absolute; border: none; background: #5c85d4; padding: 3px; cursor: default; margin: 20px; color: #fff; font-size: 12px; }
.w2treeview_partialselect { opacity: 0.4; }
.w2treeview_partialdiv { position: relative; height: 13px; width: 19px; overflow: visible; left: 15px !important; top: 1px !important; background: url(/resources/images/tree/open-folder.png) no-repeat center center; }
.tree-box.check-tree .w2treeview_partialdiv { background: url(/resources/images/tree/checkbox_normal.png) no-repeat center center; }
.w2treeview_close_child .w2treeview_partialdiv { background: url(/resources/images/tree/close-folder.png) no-repeat center center; }
.tree-box.check-tree .w2treeview_close_child .w2treeview_partialdiv { background: url(/resources/images/tree/checkbox_checked.png) no-repeat center center; }
.w2treeview_open_child .w2treeview_icon_navi { background: url(/resources/images/tree/minus.png) no-repeat center center; }
.w2treeview_close_child .w2treeview_icon_navi { background: url(/resources/images/tree/plus.png) no-repeat center center; }
.w2treeview_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/middle.gif) no-repeat center center; }
.w2treeview_last_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/last.gif) no-repeat center center; position: relative; top: -1px; }
.w2treeview_root_single_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/leaf_single_root.gif) no-repeat center center; }
.w2treeview_root_multi_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/leaf_multi_root.gif) no-repeat center center; }
.w2treeview_label { font-size: 15px; display: inline-block; text-indent: 20px; }
.w2treeview_table_node td { text-align: left; vertical-align: middle; }
.chk-tree .w2treeview_checkbox { opacity: 1; }
.chk-tree .w2treeview_partialdiv { background: none; }
.chk-tree .w2treeview_partialdiv input[type=checkbox]:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_normal.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }
.chk-tree .w2treeview_partialdiv input[type=checkbox]:checked:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_checked.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }
.chk-tree .w2treeview_partialdiv input[type=checkbox]:disabled:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_disabled.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }
.chk-tree .w2treeview_partialdiv input[type=checkbox]:checked:disabled:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_checked_disabled.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }
.f_layer_m1 { position: absolute; z-index: 6008; left: -1px; } 
.f_layer_m2 { padding: 0; position: absolute; z-index: 6008; background: #fff; margin-top: 1px; min-width:400px;}

 /* .cktree treeview */
.cktree .w2treeview { padding-left: 20px; padding-top: 10px; }
.cktree .w2treeview_col_depth0 { display: none; }
.cktree .w2treeview_select_node { background: none; color: #1989bd; font-weight: bold }
.cktree .w2treeview_none { display: none; }
.cktree .w2treeview_col_icon_navi { width: 16px; }
.cktree .w2treeview_col_icon_checkbox { width: 19px; height: 19px; position: relative; left: -1px; top: 0; background: url(/resources/images/tree/leaf_single_root.gif) no-repeat -5px 6px; }
.cktree .w2treeview_col_icon_label { width: 20px; }
.cktree .w2treeview_checkbox { height: 15px; width: 15px; margin-top: -3px; padding: 0; opacity: 1; }
.cktree .w2treeview_icon_navi { height: 30px; }
.cktree .w2treeview_icon_label { width: 18px; height: 20px; text-align: center; background-repeat: no-repeat; background-position: center center; }
.cktree .w2treeview_icon_label_none { display: none; }
.cktree .w2treeview_tooltip { display: none; position: absolute; border: none; background: #5c85d4; padding: 3px; cursor: default; margin: 20px; color: #fff; font-size: 12px; }
.cktree .w2treeview_partialselect { opacity: 1; }
.cktree .w2treeview_partialdiv { position: relative; height: 13px; width: 19px; overflow: visible; left: 15px !important; top: 1px !important; background: #fff; }
.cktree .tree-box.check-tree .w2treeview_partialdiv { background: url(/resources/images/tree/checkbox_normal.png) no-repeat center center; }
.cktree .w2treeview_close_child .w2treeview_partialdiv { background: #fff; }
.cktree .tree-box.check-tree .w2treeview_close_child .w2treeview_partialdiv { background: url(/resources/images/tree/checkbox_checked.png) no-repeat center center; }
.cktree .w2treeview_open_child .w2treeview_icon_navi { background: url(/resources/images/tree/minus.png) no-repeat center center; }
.cktree .w2treeview_close_child .w2treeview_icon_navi { background: url(/resources/images/tree/plus.png) no-repeat center center; }
.cktree .w2treeview_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/middle.gif) no-repeat center center; }
.cktree .w2treeview_last_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/last.gif) no-repeat center center; position: relative; top: -1px; }
.cktree .w2treeview_root_single_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/leaf_single_root.gif) no-repeat center center; }
.cktree .w2treeview_root_multi_leaf .w2treeview_icon_navi { background: url(/resources/images/tree/leaf_multi_root.gif) no-repeat center center; }
.cktree .w2treeview_label { font-size: 15px; display: inline-block; margin-left: 20px; text-indent: 0; }
.cktree .w2treeview_table_node td { text-align: left; vertical-align: middle; }
.cktree .chk-tree .w2treeview_checkbox { opacity: 1; }
.cktree .chk-tree .w2treeview_partialdiv { background: none; }
.cktree .chk-tree .w2treeview_partialdiv input[type=checkbox]:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_normal.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }
.cktree .chk-tree .w2treeview_partialdiv input[type=checkbox]:checked:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_checked.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }
.cktree .chk-tree .w2treeview_partialdiv input[type=checkbox]:disabled:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_disabled.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }
.cktree .chk-tree .w2treeview_partialdiv input[type=checkbox]:checked:disabled:before { width: 20px; height: 20px; display: inline-block; content: ""; background: url(/resources/images/tree/checkbox_tree_checked_disabled.png) no-repeat center center !important; position: relative; top: -7px; left: -3px; }

.cktree .f_layer_m1 { position: absolute; z-index: 6008; left: -1px; } 
.cktree .f_layer_m2 { padding: 0; position: absolute; z-index: 6008; background: #fff; margin-top: 1px; }

/* 커뮤니티 */
.community_slnb { float: left; width: 300px; margin-bottom: 30px; }
.community_cont { float: right; width: calc(100% - 340px); }
.community_slnb > ul { border-top: 1px solid #e1e1e1; margin: 15px 0 0; }
.community_slnb > ul > li > a { position: relative; display: block; padding: 15px 30px; color: #0b0b0b; font-size: 1em; font-weight: 500; border: 1px solid #e1e1e1; margin-top: -1px; }
.community_slnb > ul > li > a:hover { color: #215fc1; }
.community_slnb > ul > li > a.on { color: #215fc1; background: url('/resources/images/contents/slnb_depth1.png') no-repeat 95% center; border: 4px solid #0064cc; padding: 12px 20px; }
.community_slnb > ul .mn_depth2 { background: #f9f9f9; border-bottom: 1px solid #e1e1e1; padding: 8px 10px 8px 25px; }
.community_slnb > ul .mn_depth2 li { background: url('/resources/images/contents/slnb_depth2.gif') no-repeat left center; padding-left: 12px; margin: 9px 0; }
.community_slnb > ul .mn_depth2 li a { font-size: 15px; color: #0b0b0b; display: block; }
.community_slnb > ul .mn_depth2 li a:hover { color: #034f9d; font-weight: 500; }
.community_slnb > ul .mn_depth2 li a.on { color: #034f9d; font-weight: 500; } 
.community_img_box img { width: 300px; }
.community_info_box { margin: 0 0 30px; padding:30px; background:#FAFAFA url(/resources/images/contents/bg_community_head.png) no-repeat right bottom;background-size:202px auto;border-radius:12px}
.community_info_box p {display:flex;align-items:center;justify-content:space-between;font-size: 14px;color:#555} 
.community_info_box p + p{margin-top:19px}
.community_info_box p span { font-weight: 700;}
.community_info_box p strong{font-size:16px;font-weight:500}
.community_info_box .community_user{display:flex;align-items:center;gap:8px;margin-bottom:20px}
.community_info_box .community_user .icon{display:block;width:56px;height:56px;border:1px solid #eee;border-radius:100%;background:#fff url(/resources/images/community/ic__user.svg) center no-repeat;background-size:24px auto}
.community_info_box .community_user .ic_setting{height:18px}
.community_info_box .community_user strong{font-weight:700;color:#333}

/* commu_slnb */
.commu_slnb > ul { padding:24px 30px;border:1px solid #ddd;border-radius:12px }
.commu_slnb > ul > li > a { position: relative; display: block; padding: 18px 0; color: #555; font-size:17px; font-weight: 700;border-bottom:1px solid #eee;transition:all .3s}
.commu_slnb > ul > li > a:hover { color: #0460B6; }
.commu_slnb > ul > li > a.on{color:#0460B6;border-bottom-color:#0460B6}
.commu_slnb > ul > li > a.on::before{content:"";position:absolute;right:0;top:50%;width:24px;height:24px;background:url(/resources/images/community/cumm_on_arrow.svg) center/contain no-repeat;transform:translateY(-50%)}
.commu_slnb > ul > li:first-child > a{padding-top:0}
.commu_slnb > ul > li:first-child > a::before{top:0;transform:none}
.commu_slnb_box { position: relative; z-index: 77;}
.commu_slnb_box .commu_slnb_button { position: relative; display: none; border: #005db5 solid 1px; width: 100%; height: auto; margin: 0; padding: 11px 33px 11px 17px; background: transparent; line-height: 20px; text-align: left; color: #005db5; font-size: 16px;border-radius:6px}
.commu_slnb_box .commu_slnb_button:before { position: absolute; top: 19px; right: 15px; display: block; width: 14px; height: 8px; background: url('/resources/images/contents/tab_menu.png') no-repeat; content: ''; }

.ic_setting { display: inline-block; width: 18px; height: 30px; background: url(/resources/images/common/ic_setting.png) no-repeat center; vertical-align: top; text-indent: -9999px; }

.community_btn_box div { float: left; width: 50%}
.community_btn_box:after { content: ""; display: block; clear: both; }
.community_btn_box div.full { width: 100%; }
.community_btn_box div .btn_s { line-height: 50px; font-weight: 500; font-size: 15px; }

.bd_column.social{ position: absolute; right: 0; top: 5px; }
.bd_column .social .btn_heart{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_heart.png'); margin-right: 8px; text-indent:-9999px; }
.bd_column .social .btn_good{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_good.png'); margin-right: 8px; text-indent:-9999px; }
.bd_column .social .btn_share{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_share.png'); text-indent:-9999px; }
.bd_column .share_layer { position: absolute; right: 0; top:-10px; width: 230px; padding: 10px; background: #f9f9f9; border: 1px solid #000; border-radius: 10px; z-index: 15; }
.bd_column .share_layer .share_title { padding-bottom: 10px; font-size: 18px; color: #000; font-weight: bold; line-height: 24px; border-bottom: 1px solid #000; margin-bottom: 10px; }
.bd_column .share_layer .share_close { float:right; display: inline-block; width: 14px; height: 14px; background: url('/resources/images/contents/icon_close.png'); text-indent:-9999px; margin-top: 4px; }
.bd_column .share_layer li { float:left; width: 25%; text-align: center; padding: 10px 0 0; }
.bd_column .share_layer li a { font-size: 14px; }
.bd_column .share_layer li img { display: block; margin: 0 auto 10px;width:38px}

/* 커뮤니티 - 상단정보 */
/*.community_head_box { position: relative; min-height: 200px; margin-bottom: 20px; background: #f5fcff url(/resources/images/contents/community_head.png) no-repeat 40px bottom; border: 2px solid #e6f2ff; }*/
.community_head_box { display:flex;align-items:center;gap:20px 30px;position: relative; margin-bottom: 64px; padding:30px 40px;background: #F8F9FC url(/resources/images/contents/bg_community_head.png) no-repeat right bottom; border-radius:20px}
.community_head_box .community_img_box{position:relative;width:100%;max-width:287px;aspect-ratio:287/198;flex-shrink:0;border:1px solid #dde1ef;border-radius:10px;overflow:hidden;background:#fff}
.community_head_box .community_img_box img{position:absolute;width:100%;height:100%;object-fit:cover}
.community_head_box .descpt {position:relative;flex:auto;text-align:left;padding-right:130px}
.community_head_box .descpt .subject { display: block;margin-bottom:14px; font-weight: 600; font-size: 30px;color:#151515;letter-spacing:-.3px;word-break:break-all}
.community_head_box .descpt .pt { display: block;color:#555;font-size:18px;font-weight:500;letter-spacing:-.18px}
.community_head_box .descpt .opt { position: relative; display: flex;align-items:center;flex-wrap:wrap;gap:8px 0; margin-top: 30px; color:#555;font-size: 15px;}
.community_head_box .descpt .opt span {position:relative; display: inline-block;}
.community_head_box .descpt .opt .opt_item{margin-right:15px;padding-right:16px}
.community_head_box .descpt .opt .opt_item::before{content:"";position:absolute;right:0;top:3px;width:1px;height:12px;background:#d8d8d8}
.community_head_box .descpt .opt .opt_item:last-child{margin-right:0;padding-right:0}
.community_head_box .descpt .opt .opt_item:last-child::before{display:none}
.community_head_box .descpt .opt .opt_item strong { margin-right: 10px; padding: 0; font-weight: 400;}
.community_head_box .descpt .opt .opt_item span{font-weight:500}

.community_head_box .community_btn_box{position:absolute;right:0;top:50%;transform:translateY(-50%)}

.comTit { position: relative; font-size: 25px; font-weight: 600; display: block; padding-bottom: 20px; margin: 0 0 30px; min-height: 60px;overflow:hidden}
.comTit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(/resources/images/contents/titleH3.png) repeat-x 0 0; }
.comTit b { line-height: 40px; }

/* 커뮤니티_list */
.community_list { position: relative; width: 100%; }
.community_list .box_col .col { position: relative; padding: 35px 30px 30px 240px; min-height: 180px; border-bottom: 1px solid #d9d9d9; background: #Fff; width: 100%; }
.community_list .box_col .col .thumb { position: absolute; top: 30px; left: 30px; width: 180px; height: 120px; overflow: hidden; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center center; border: 1px solid #d9d9d9; }
.community_list .box_col .col .thumb img { width: 180px; height: 120px; }
.community_list .box_col .col .descpt .category { display: block; }
.community_list .box_col .col .descpt .subject { display: block; padding: 5px 0 0; font-weight: 500; font-size: 20px; }
.community_list .box_col .col .descpt .pt { display: block; padding: 10px 0; font-size: 15px; }
.community_list .box_col .col .descpt .opt { position: relative; display: block; padding: 5px 0 0; }
.community_list .box_col .col .descpt .opt span { display: inline-block; }
.community_list .box_col .col .descpt .opt .github { border: 1px solid #396ac5; color:#396ac5; padding: 0 15px; margin-right:8px; font-size:13px; font-weight:500; }
.community_list .box_col .col .descpt .opt .binder { border: 1px solid #049a44; color:#049a44; padding: 0 15px; margin-right:8px; font-size:13px; font-weight:500; }
.community_list .box_col .col .descpt .opt .dataStudio { border: 1px solid #f8b62d; color:#f8b62d; padding: 0 15px; margin-right:8px; font-size:13px; font-weight:500; }
.community_list .box_col .col:hover { background: #F8F8F8; font-weight: 500; }

.github { border: 1px solid #396ac5; border-radius: 25px; color:#396ac5; padding: 1px 15px; margin-right: 8px; margin-bottom: 5px; font-size:13px; font-weight:500; line-height:18px;vertical-align: middle; }
.binder { border: 1px solid #049a44; border-radius: 25px; color:#049a44; padding: 1px 15px; margin-right: 8px; margin-bottom: 5px; font-size:13px; font-weight:500; line-height:18px;vertical-align: middle; }
.dataStudio { border: 1px solid #f8b62d; border-radius: 25px; color:#f8b62d; padding: 1px 15px; margin-right: 8px; margin-bottom: 5px; font-size:13px; font-weight:500; line-height:18px;vertical-align: middle; }

.community_view .comu_subject { position: relative; display: block; text-align: center; padding: 20px 160px; font-weight: 600; font-size: 24px; border-top: 2px solid #000; border-bottom: 1px solid #d9d9d9; }
.community_view .comu_subject p{ font-weight: 400; font-size: 16px; padding-top: 10px; color: #999 }
.community_view .comu_subject .rating {position: absolute; top: 28px; right: 60px; }
.community_view .comu_subject .comu_good{ position: absolute; right: 10px; top: 24px; }
.community_view .comu_subject .comu_good .goodN{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_heart.png'); margin-right: 8px; text-indent:-9999px; }
.community_view .comu_subject .comu_good .goodY{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/contents/ic_good.png'); margin-right: 8px; text-indent:-9999px; }

.comu_rating { display: block; padding:20px; margin: 30px auto 0; text-align: center;border:1px solid #ddd;border-radius:20px}
.comu_rating .tit{ position: relative;padding:0 0 20px 30px; font-size: 21px; font-weight: 700; color: #000; border-bottom: 2px solid #151515; text-align: left; margin-bottom:20px }
.comu_rating .tit::before{content:"";position:absolute;left:0;top:7px;width:19px;height:12px;background:url(../images/contents/bul_title_1.svg) center/contain no-repeat}
.comu_rating .tit span { position: absolute; top: 5px; right: 0; font-size: 14px; font-weight: 500 }
.comu_rating span { margin:0 2px; }
.comu_rating span.on{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/community/star_on_new.svg') no-repeat 50% 50%; }
.comu_rating span.off{ display: inline-block; width: 24px; height: 24px; background: url('/resources/images/community/star_off_new.svg') no-repeat 50% 50%; }
.comu_rating:after { content: ""; display: block; clear: both; }
.comu_rating .ratingBtn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:40px;margin-top:20px;border:1px solid #236BEB;color:#236BEB;border-radius:6px;background:#fff;text-align:center;font-weight:600;transition:all .3s}
.comu_rating .ratingBtn:hover{background:#236BEB;color:#fff}
.comu2_rating {display: block; padding: 0; margin: 30px auto 20px; text-align: center; }
.comu2_rating .tit2 { position: relative; font-size: 18px; font-weight: 600; color: #fff; text-align: left; padding: 0 0 0 20px; line-height:50px; background:#58595e; }
.comu2_rating .tit2 span { line-height:25px; display: inline-block; padding:3px 10px; position: absolute; top: 10px; right: 10px; font-size: 14px; font-weight: 500; color:#fff; background:#000;  }
.rating_layer { position: absolute; right: 0; top: 90px; width: 280px; padding: 10px; background: #f9f9f9; border: 1px solid #000; border-radius: 10px; z-index: 15; }
.rating_layer .rating_title { padding-bottom: 10px; font-size: 18px; color: #000; font-weight: 600; line-height: 24px; border-bottom: 1px solid #000; margin-bottom: 10px; }
.rating_layer .rating_close { float:right; display: inline-block; width: 14px; height: 14px; background: url('/resources/images/contents/icon_close.png'); text-indent:-9999px; margin-top: 4px; }
.rating_layer {text-align:center; }
.rating_layer span { margin: 10px; }
.rating_layer span.on{ display: inline-block; width: 30px; height: 30px; background: url('/resources/images/community/star_on.png') no-repeat 50% 50%; }
.rating_layer span.off{display: inline-block;width: 30px;height: 30px; background: url('/resources/images/community/star_off.png') no-repeat 50% 50%; }

/* community_view */
.community_view .comu_cont { position: relative; }
.community_view .comu_cont .box_left { width: calc(100% - 350px); float:left; }
.community_view .comu_cont .box_right { float:right; width: 300px; padding-top:30px; }
.community_view .comu_cont:after { content: ""; display: block; clear: both; }
.community_view .Rbox { text-align: center; margin-bottom:20px; }
.community_view .Rbox .tit1 { font-size: 18px; line-height: 50px; font-weight: bold; background: #1a3777; color: #fff; }
.community_view .Rbox .tit2 { font-size: 18px; line-height: 50px; font-weight: bold; background: #049a44; color: #fff; }
.community_view .Rbox .tit3 { font-size: 18px; line-height: 50px; font-weight: bold; background: #f8b62d; color: #fff; }
.community_view .Rbox p { padding: 5px 0; border: 1px solid #d9d9d9; border-top: none; }
.community_view .Lbox img { max-width: 100%; height: auto; }
.community_view .Lbox p { margin-bottom: 8px; }
.community_view .btnbox { margin: 40px 0 80px; border-top: 1px solid #d9d9d9; padding: 20px 0; }

.comu_tit { position: relative; font-size: 20px; font-weight: 700; display: block; margin: 30px 0 10px; }
.comu_dot { display: block; position: relative; padding-left: 40px; }
.comu_dot::before { content: ''; display: block; position: absolute; left: 25px; top: 10px; overflow: hidden; width: 6px; height: 6px; background: #000; border-radius: 50%; }
.comu_won { display: block; position: relative; padding-left: 52px; }
.comu_won::before { content: ''; display: block; position: absolute; left: 40px; top: 10px; overflow: hidden; width: 5px; height: 5px; border-radius: 50%; border: 1px solid #000; }
.comu_box { background: #f6f8fa; font-size: 14px; padding: 15px; margin: 15px 0; }

.cnn_tb { display: table; table-layout: fixed; width: 95%; margin: 10px auto 20px; border-collapse: collapse; border-spacing: 0; word-break: break-all; }
.cnn_tb > * > tr > * { padding: 5px; text-align: center; }
.cnn_tb > * > tr > * { border: 1px solid #d9d9d9; background: #fff; }
.cnn_tb > * > tr > *[scope] { text-align: center; background: #f7f7f7; padding: 5px; text-align: center; font-size:15px }

/* 커뮤니티_아이콘 */
.ic_user_plus { display: inline-block; width: 24px; height: 24px; background: url('/resources/images/community/ic_user_plus.png') no-repeat; margin-right: 5px; text-indent: -9999px; vertical-align: middle; }
.ic_user { display: inline-block; width: 24px; height: 24px; background: url('/resources/images/community/ic_user.png') no-repeat; margin-right: 5px; text-indent: -9999px; vertical-align: middle; }
.ic_cumm_list { display: inline-block; width: 28px; height: 24px; background: url('/resources/images/community/ic_list.png') no-repeat; margin-right: 5px; text-indent: -9999px; vertical-align: middle; }
.ic_delete { display: inline-block; width: 15px; height: 18px; background: url('/resources/images/community/ic_delete.png') no-repeat; margin-right: 5px; text-indent: -9999px; vertical-align: middle; }
.ic_out { display: inline-block; width: 24px; height: 24px; background: url('/resources/images/community/ic_user_out.png') no-repeat; margin-right: 8px; text-indent: -9999px; vertical-align: middle; }
.s_runway_ci { display: inline-block; background: url('/resources/images/digiSbstntnLab/runway.png') no-repeat; background-size: 119px 30px; width: 119px; height: 30px; text-indent:-9999px; vertical-align: middle; margin:-5px 4px 0; }

/* 커뮤니티_버튼 */
.cmnt_info_btn{margin-top:25px}
.btn_cumm_mem { display: inline-block; font-size: 15px; padding: 15px 20px; background:#2B7DD9; color:#fff; text-align: center;border-radius:6px;transition:all .3s}
.btn_cumm_mem::after{content:"";display:inline-block;width:18px;height:18px;margin:-1px 0 0 4px;background:url(/resources/images/community/ic__user__sign.svg) center/contain no-repeat;vertical-align:middle}
.btn_cumm_mem_on { display: inline-block; font-size: 15px; padding: 15px 20px; background:#2B7DD9; color:#fff; text-align: center;border-radius:6px;transition:all .3s}
.btn_cumm_mem_on::after{content:"";display:inline-block;width:18px;height:18px;margin:-1px 0 0 4px;background:url(/resources/images/community/ic__user__setting.svg) center/contain no-repeat;vertical-align:middle}
.btn_cumm_mem:hover,
.btn_cumm_mem_on:hover{background-color:#0460B6}
/*.btn_cumm_edit { display: inline-block; border: 1px solid #d3e2d6;; font-size: 15px; padding: 12px 20px; background: #ecf7ee url('/resources/images/community/ic_edit.png') no-repeat 95% center; font-weight: 500; }
.btn_cumm_close { display: inline-block; border: 1px solid #d3e2d6; font-size: 15px; padding: 12px 20px; background: #ecf7ee url('/resources/images/community/ic_close.png') no-repeat 95% center; font-weight: 500; }*/
.btn_cumm_edit{display:inline-block;width:100%;padding:14px 20px;border:1px solid #0460B6;border-radius:6px;background:#fff;color:#0460B6;font-size:14px;font-weight:600;text-align:center}
.btn_cumm_close{display:inline-block;width:100%;padding:14px 20px;border:1px solid #FF401A;border-radius:6px;background:#fff;color:#FF401A;font-size:14px;font-weight:600;;text-align:center}
.btn_cumm_out { display: inline-block; color:#fff; border: 1px solid #0064cc; font-size: 15px; padding: 12px 20px; background:#0064cc url('/resources/images/community/ic_out.png') no-repeat 95% center; font-weight: 500; }
.btn_mlops_edu_open { display: inline-block; color:#fff; border: 1px solid #a997ed; font-size: 15px; padding: 12px 20px; background-color:#a997ed; font-weight: 500; text-align:center;}

/* 플랫폼 메뉴 */
.platform_slnb_box { position: relative; z-index: 77; margin: 0; height: 60px;margin-bottom:60px;}
.platform_slnb{position:relative;left:50%;width:100%;max-width:1600px;transform:translateX(-50%);transition:all .3s}
.platform_slnb ul { display:flex;width: 100%; margin: 0 auto; position: relative;background:#F2F4F7;border-radius:12px}
.platform_slnb ul::after{content:"";display:block;clear:both}
.platform_slnb ul li { flex:1;height:60px;}
.platform_slnb ul li a { position: relative; display:flex;align-items:center;justify-content:center;height:100%;padding:0 5px; text-align: center; vertical-align: middle; color: #555; font-size: 17px; font-weight: 700;border:2px solid transparent;border-radius:12px;box-sizing:border-box;transition:all .2s}
.platform_slnb ul li.active a{background:#fff;border:2px solid #0460B6;color: #0462b7;}
.platform_slnb ul li:hover a { color: #0462b7; }
.platform_slnb_box.fixed .platform_slnb{position:fixed;top:115px;left:50%;width:100%;max-width:100%;transform:translateX(-50%)}
.platform_slnb_box.fixed .platform_slnb ul{border-radius:0 0 12px 12px}

/* 플랫폼 소개 */
.platform h3 { font-size: 34px; font-weight: 700; padding-bottom: 10px; letter-spacing: -1px; }
.platform h4 { font-size: 24px; font-weight: 600; padding-bottom: 10px; }
.platform h5 { font-size: 20px; font-weight: 600; padding-bottom: 10px; }
.platform h5 span { color: #666; font-weight: 500; }
.platform p.pointxt { font-size: 18px; } 
.platform p.poinbigtxt { font-size: 18px; padding-top: 15px; line-height:32px; } 
.platform h3.pformH3 { background:#fff; font-size: 30px; line-height:30px; font-weight: 700; letter-spacing: -1px; border: 1px solid #d6d6d6; color:#000; border-left: 7px solid #0462b7; padding:15px 25px; margin-bottom:20px; }

/* 플랫폼 색상 */
.Bgform1 { background: #0095de; } /* 하늘색 */
.Bgform2 { background: #005cb9; } /* 파란색 */
.Bgform3 { background: #c4991e; } /* 골드 */
.Bgform4 { background: #858585; } /* 회색 */
.Bgform5 { background: #014a99; } /* 진한파란색 */
.Bgform6 { background: #192c56; } /* 남색 */
.Bgform7 { background: #EE6501; } /* 주황색 */
.Bgform8 { background: #0fb54c; } /* 녹색 */

/* 플랫폼 - 01 첨단 클라우드 기반의 워터라운드 */
.platform.Intro1 { background: #f8f8f8; padding: 70px 0 20px; text-align:center; }
.platform.Intro_1 { background: #fff; padding: 60px 0; text-align:center; }
.top_txt { font-weight: 700; font-size: 36px; color: #000; letter-spacing: -1px; }
.top_txt strong.urb1 { display: inline-block; background:url(/resources/images/platform/urb1.png) no-repeat; width: 30px; height: 30px; vertical-align: top; text-indent:-9999px; }
.top_txt strong.urb2 { display: inline-block; background:url(/resources/images/platform/urb2.png) no-repeat; width: 30px; height: 30px; vertical-align: top; text-indent:-9999px; }
.top_eng { display: block; color: #df8411; font-size: 60px; font-family: 'Montserrat', sans-serif; }
.top_stxt { display: block; font-size: 36px; font-weight:500; letter-spacing: -1px; color:#777; margin-top:5px; }
.top_stxt strong { color:#000; font-family: 'Montserrat', sans-serif; }
.top_img { margin-top: 40px; background: url('/resources/images/platform/platform01_01.jpg') no-repeat center right; min-height: 250px; background-size: cover; }
.l_ci { display: inline-block; background: url(/resources/images/platform/ci.png) no-repeat; background-size: 150px 36px; width: 150px; height: 36px; text-indent:-9999px; vertical-align: middle; margin:-10px 0 0; }
.s_ci { display: inline-block; background: url(/resources/images/platform/ci.png) no-repeat; background-size: 120px 30px; width: 120px; height: 30px; text-indent:-9999px; vertical-align: middle; margin:-14px 0 0; }
.ci_brand { background: url(/resources/images/contents/ci.png) no-repeat; background-size: 150px 36px; width: 150px; height: 36px; text-indent:-9999px; vertical-align: middle; margin:0 auto; text-align:center; }

/* 플랫폼 - 02 왜 워터라운드가 필요한가요? */
.platform.Intro2 { background: #f8f8f8; padding: 60px 0; }
.platform.Intro_2 { background: #f8f8f8; padding: 60px 0; }
.push { margin: 20px 0 10px; }
.push:after { content: ""; display: block; clear: both; }
.push dl { float: left; width: calc(100% / 3 - 20px); margin-right: 30px; }
.push dl:last-child { margin-right: 0; }
.push dt { color: #fff; text-align: center; font-weight: 500; font-size: 20px; padding: 15px 10px; }
.push dd { text-align: left; line-height: 26px; padding: 15px 20px; font-size: 18px; border: 1px solid #d7d7d7; border-top: none; background: #fff; }
.push dd.ht1 { min-height: 330px; }
.push dd.ht2 { min-height: 320px; }
.push dd.ht3 { min-height: 320px; }

.push3 { margin: 20px 0 10px; }
.push3:after { content: ""; display: block; clear: both; }
.push3 dl { float: left; width: calc(100% / 3 - 20px); margin-right: 30px; }
.push3 dl:last-child { margin-right: 0; }
.push3 dt { color: #fff; text-align: center; font-weight: 500; font-size: 20px; padding: 15px 10px; }
.push3 dd { text-align: left; line-height: 26px; padding: 15px 20px; font-size: 18px; border: 1px solid #d7d7d7; background: #fff; }

.Bgpush1 { background: #858585; }
.Bgpush2 { background: #f36f21; }
.Bgpush3 { background: #0070c0; }

.txt_dot { position: relative; padding-left: 12px; line-height: 26px; }
.txt_dot::before {content: ''; display: block; position: absolute; left: 0; top: 12px; overflow: hidden; width: 4px;height: 4px;background: #666; }
.l_arrow { padding-bottom: 20px; margin: 0 auto; text-align: center; }

/* 플랫폼 - 03 워터라운드는 무엇인가요? */
.platform.Intro3 { background: #fff; padding: 60px 0; }
.platform.Intro_3 { padding: 50px 0 40px; }

.bg_plat { background: #f9f9f9; }
.platBox { padding: 40px 0; }
.platBox:after { content: ""; display: block; clear: both; }
.platBox .left_element { float: left; width: 45%; }
.platBox .right_element { float: right; width: 50%; }
.imgBox:after { content: ""; clear: both; display: block; visibility: hidden}
.imgBox li { display: inline-block; float: left; }
.imgBox.col5 li { width: 19%; margin-left: 1%; }
.imgBox.col4 li { width: 23%; margin-left: 2%; }
.imgBox.col3 li { width: 31.3%; margin-left: 2%; }
.imgBox.col2 li { width: 48%; margin-left: 2%; }
.imgBox.col5 { margin-left: -1%; }
.imgBox.col4 { margin-left: -2%; }
.imgBox.col3 { margin-left: -2%; }
.imgBox.col2 { margin-left: -2%; }
.imgBox li img { border: 1px solid #d7d7d7; }

.plat3 { margin: 20px 0 10px; }
.plat3:after { content: ""; display: block; clear: both; }
.plat3 dl { float: left; width: calc(100% / 3 - 20px); margin-right: 30px; }
.plat3 dl:last-child { margin-right: 0; }
.plat3 dt { color: #fff; text-align: center; font-weight: 500; font-size: 20px; padding: 15px 10px; }
.plat3 dd { text-align: center; line-height: 26px; padding: 30px 20px; font-size: 18px; border: 1px solid #d7d7d7; border-top: none; background: #fff; }

.plat_tbl { display: table; table-layout: fixed; min-width: 100%; width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; word-break: break-all; }
.plat_tbl > * > tr > * { border: 1px solid #d9d9d9; background: #fff; }
.plat_tbl > * > tr > *[scope] { text-align: center; background: #f0f0f0; padding: 15px 10px; text-align: center; border-top: 2px solid #000; }
.plat_tbl > * > tr th { font-weight: 500; font-size: 18px; text-align: center; vertical-align: middle; }
.plat_tbl > * > tr td { font-size: 16px; padding: 10px 20px; vertical-align: middle; }
.pw1 { width: 20%; text-align: center; font-weight: 600; font-size:18px; }
.pw2 { width: 80%; text-align: left; } 

/* 플랫폼 - 04 주요 기능 및 서비스 */
.platform.Intro4 { background: #f8f8f8; padding: 60px 0; }
.platform.Intro_4 { padding: 0 0 60px; }

.platCon { margin-top: 40px; }
.platCon dl { position: relative; display: table; margin-bottom: 30px; width: 100% }
.platCon dl dt { position: relative; display: table-cell; padding: 0 30px 0 20px; width: 25%; font-size: 18px; font-weight:500; color: #fff; vertical-align: middle; text-align: center; background: #858585; }
.platCon dl dt::after { position: absolute; top: 50%; right: -20px; margin-top: -21px; width: 42px; height: 42px; content: ''; background: url('/resources/images/platform/ic_arrow.png') no-repeat center center; background-size: 100%; z-index: 2 }
.platCon dl dd { position: relative; display: table-cell; padding: 30px 30px 30px 100px; background: #fff; border: 1px solid #e1e1e1; border-width: 1px 1px 1px 0; }

.platCon dl dt.bg1 { background: #858585; }
.platCon dl dt.bg2 { background: #EE6501; }
.platCon dl dt.bg3 { background: #005cb9; }
.platCon dl dt.bg4 { background: #0fb54c; }
.platCon dl dt.bg5 { background: #bfa100; }
.platCon dl dt.bg6 { background: #783e94; }
.platCon dl dt.bg7 { background: #413346; }

.platbg1 { background: #783e94; color:#fff; padding:10px 0; border-radius: 5px; }
.platbg2 { background: #0fb54c; color:#fff; padding:10px 0; border-radius: 5px; }
.platbg3 { background: #bfa100; color:#fff; padding:10px 0; border-radius: 5px; }
.platbg4 { background: #858585; color:#fff; padding:10px 0; border-radius: 5px; }
.platbg5 { background: #f36f21; color:#fff; padding:10px 0; border-radius: 5px; }
.platbg6 { background: #0070c0; color:#fff; padding:10px 0; border-radius: 5px; }
.platbg7 { background: #413346; color:#fff; padding:10px 0; border-radius: 5px; }

.esg3 { margin: 20px 0 10px; }
.esg3:after { content: ""; display: block; clear: both; }
.esg3 dl { float: left; width: calc(100% / 3 - 20px); margin-right: 30px; }
.esg3 dl:last-child { margin-right: 0; }
.esg3 dt { color: #fff; text-align: center; font-weight: 600; font-size: 30px; padding: 15px 10px; }
.esg3 dd { text-align: center; line-height: 26px; padding: 15px 20px; font-size: 18px; border: 1px solid #d7d7d7; background: #fff; }
.esg3 dl p{ color:rgba(255,255,255,0.5); font-size: 17px; text-align: right; font-family: 'Montserrat', sans-serif; margin-top:-20px; padding-right:10px; }

.Bgesg1 { background: #0070c0; }
.Bgesg2 { background: #0fb54c; }
.Bgesg3 { background: #f36f21; }

.poinbigtxt strong { padding:0 10px; color:#fff; font-weight:600; border-radius: 5px; }

/* 플랫폼 - 05 브랜드 소개 */
.platform.Intro5 { background: #fff; padding: 60px 0; }
.platform.Intro_5 { padding: 30px 0 60px; }
.ci_box { background: url('/resources/images/platform/ci_bg.png'); border: 1px solid #e9e9e9; text-align:center; padding: 62px 30px; margin-top: 10px; }
.ci_txt { font-size:18px; line-height: 30px; }
.ci_txt strong { color: #0480df; font-weight: 600; font-size: 24px; }
.cidown { text-align:right; padding:10px 0 20px; }
.ci_box3 {margin:30px 0; }
.ci_box3:after { content: ""; display: block; clear: both; }
.ci_box3 dl { float: left; width: calc(100% / 3 - 20px); margin-right: 30px; }
.ci_box3 dl:last-child { margin-right: 0; }
.ci_box3 dt { text-align: center; line-height: 26px; padding: 45px 0; font-size: 18px; background: #fff; border: 1px solid #e9e9e9; }
.ci_box3 dd { position: relative; text-align: center; font-size: 18px; height: 50px; line-height: 50px; border: 1px solid #e9e9e9; border-top:none; }
.ci_box3 dt.bgB { background: #000; } 
.ci_box3 dt.bgF { background: url('/resources/images/platform/ci_bg.png'); } 
.ci_box3 dd span {position: absolute; top: 0; right: 0; }
.ci_box3 dt img { width: 50%; }
.ci_pngDown { display: inline-block; width: 50px; height: 50px; background:#000 url('/resources/images/contents/ic_filedown.png') no-repeat center; text-indent: -9999px; }
.ci_aiDown { display: inline-block; border: 1px solid #0462b7; height: 40px; padding: 0 55px 0 15px; color: #0462b7; font-weight: 500; line-height: 38px; text-align: left; background: url('/resources/images/contents/ic_filedown_b.png') no-repeat right; font-size: 16px; }
.ci_pdfDown { display: inline-block; border: 1px solid #dd0011; height: 40px; padding: 0 55px 0 15px; color: #dd0011; font-weight: 500; line-height: 38px; text-align: left; background: url('/resources/images/contents/ic_filedown_r.png') no-repeat right; font-size: 16px; }

/* 플랫폼 - 06 */
.platform.Intro_6 { background: #f8f8f8; padding: 60px 0; }
.globalBox { display: block; margin-top: 100px; }
.globalBox:after { content: ""; display: block; clear: both; }
.globalBox ul { margin: 0 -8px; }
.globalBox ul li { float: left; padding: 0 8px; width: 20%; text-align: center; position: relative; }
.globalBox ul li .txtbox { position: relative; padding: 40px 10px 20px; min-height: 180px; border: 1px solid #d7d7d7; background: #fff; }
.globalBox ul li .txtbox .primary { position: absolute; top: -23px; left: 50%; margin-left: -20px; width: 40px; height: 46px; line-height: 45px; content: ''; background: url('/resources/images/platform/primary.png') no-repeat center center; z-index: 2; color: #fff; font-size: 20px; font-weight: 700; }
.globalBox ul li .txtbox strong { font-size: 24px; font-weight: 600; }
.globalBox ul li .txtbox p { font-size: 16px; padding-top: 10px; }
.globalBox ul li .imgbox img { width: 100% }

/* 플랫폼 - 07 */
.platform.Intro_7 { padding: 20px 0; }
.halfBox:after { content: ""; display: block; clear: both; }
.halfBox li { float: left; display: inline-block; width: 50%; }
.halfBox li:first-child { border-right: 1px solid #d7d7d7; }

/* 참여기업 */
.partform.Intro1 { background: #fff; padding: 50px 0 0; }
.partform.Intro2 { background: #fff; padding: 50px 0; }
.part_slnb_box { position: relative; z-index: 77; margin: 0 0 60px; height: 60px;}
.part_slnb ul {width: 100%; max-width: 1600px; margin: 0 auto; position: relative;background:#F2F4F7;border-radius:12px}
.part_slnb ul::after{content:"";display:block;clear:both}
.part_slnb ul li { float:left; width: 50%;height:60px; line-height:60px; }
.part_slnb ul li a { position: relative; display: block;height:100%; text-align: center; vertical-align: middle; color: #555; font-size: 17px; font-weight: 700;border-radius:12px;box-sizing:border-box}
.part_slnb ul li.active a{background:#fff;border:2px solid #0460B6;color: #0462b7;}
.part_slnb ul li:hover a { color: #0462b7; }
.partform h3 { font-size: 30px; font-weight: 700; padding-bottom: 10px; letter-spacing: -1px; }
.partform h4 { position: relative; display: inline-block; font-size: 24px; font-weight: 600; margin-top: 40px; padding:0 0 15px 0; }
.partform h5 span { color: #666; font-weight: 500; }
.partform p.pointxt { font-size: 18px; } 
.partform p.poinbigtxt { font-size: 18px; line-height:32px; } 
.partform h3.pformH3 { background:#fff; font-size: 30px; line-height:30px; font-weight: 700; letter-spacing: -1px; border: 1px solid #d6d6d6; color:#000; border-left: 7px solid #0462b7; padding:15px 25px; margin-bottom:20px; }
.partform p.poinbigtxt b {font-weight:600; }

/* 지원사항 */
.s_ci_w { display: inline-block; background: url(/resources/images/contents/ci_w.png) no-repeat; background-size: 120px 30px; width: 120px; height: 30px; text-indent:-9999px; vertical-align: middle; margin:-14px 0 0; }
.partsupport{margin-top: 1.2em; box-sizing: border-box; }
.partsupport > li{position: relative; display: table; table-layout: fixed; width: 100%;padding: 0; margin-bottom:12px; }
.partsupport > li strong{ display: table-cell; font-size:20px; text-align:center; vertical-align: middle; width: 27%;   }
.partsupport > li strong p { font-size:16px; font-weight:400; }
.partsupport > li strong.tit{ font-weight:600; color:#fff; font-size:20px; border: 1px solid #0fb54d; background: #0fb54c; }
.partsupport > li p.tit{display: table-cell; font-size: 20px; color:#fff; border: 1px solid #0070c1; background: #0070c0; text-align:center; vertical-align: middle; box-sizing: border-box; padding:20px 0; font-weight:600; }
.partsupport > li p.blank{display: table-cell; width: 20px; vertical-align: middle; box-sizing: border-box; }
.partsupport > li ul{display: table-cell; border: 1px solid #d6d6d6; background: #fff; vertical-align: middle; padding: 20px 20px 20px 40px;box-sizing: border-box; }
.partsupport > li ul li { position: relative; padding-left: 12px; line-height: 30px; }
.partsupport > li ul li::before {content: ''; display: block; position: absolute; left: 0; top: 14px; overflow: hidden; width: 4px;height: 4px;background: #666; }
.partsupport > li ul li b {font-weight:500; }
.partsupport > li.arrow { background: url(/resources/images/contents/down_arrow.png) no-repeat 13%; text-indent:-9999px; }
.partsupport > li strong.WBg1 { background:#03b1c1; color:#fff; border: 1px solid #03b1c2; }
.partsupport > li strong.WBg2 { background:#108ad9; color:#fff; border: 1px solid #108ad8; }
.partsupport > li strong.WBg3 { background:#3165b7; color:#fff; border: 1px solid #3165b7; }

/* 참여절차 */
.partsteptxt { border-top: 1px solid #d6d6d6; }
.partsteptxt li {float:left; width:25%; font-size: 18px; margin-top: 30px; padding-left: 40px; }
.partsteptxt li strong { font-weight:600; display:block; font-size: 20px; margin: 0 0 5px -22px; }
.partsteptxt:after { content: ""; display: block; clear: both; }
.partstepA {display: flex;flex-wrap: wrap;justify-content: space-between; }
.partstepA li{position:relative;display:flex;align-items:center;flex-direction: column;margin-bottom: 25px;padding:10px 0;width: calc(14.2% - 29px);font-size:18px;text-align:center; font-weight:500; line-height:1.2; }
.partstepA li i{ display: inline-block; width:124px; height:124px; margin-bottom:15px; border-radius: 50%; border: 1px solid #dee6f2; text-indent:-9999px; }
.partstepA li::after{position:absolute;top:45%;right:-25px;width: 16px;height: 24px;content:'';background:url('/resources/images/contents/step_arrow.png') no-repeat center / 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%); }
.partstepA li:last-child::after{display: none;}
.partstepA li p {font-size:16px; margin-top:10px;}
.partstepG {display: flex;flex-wrap: wrap;justify-content: space-between; }
.partstepG li{position:relative;display:flex;justify-content: center;align-items:center;flex-direction: column;margin-bottom: 25px;padding:10px 0;width: calc(25% - 29px);font-size:20px;text-align:center; font-weight:500; line-height:1.2; }
.partstepG li i{ display: inline-block; width:124px; height:124px; margin-bottom:15px; border-radius: 50%; border: 1px solid #dee6f2; text-indent:-9999px; }
.partstepG li::after{ position:absolute; top:40%;right:-25px;width: 16px;height: 24px;content:'';background:url('/resources/images/contents/step_arrow.png') no-repeat center / 100%;transform: translateY(-50%);-webkit-transform: translateY(-50%); }
.partstepG li:last-child::after { display: none; }
.partstepG li p { font-size:16px; margin-top:10px; }
.ic_part1 { background:#40bfb8 url('/resources/images/contents/partstep12.png') no-repeat center;}
.ic_part2 { background:#03b1c1 url('/resources/images/contents/partstep22.png') no-repeat center;}
.ic_part3 { background:#088ab2 url('/resources/images/contents/partstep32.png') no-repeat center;}
.ic_part4 { background:#009fe9 url('/resources/images/contents/partstep42.png') no-repeat center;}
.ic_part5 { background:#108ad9 url('/resources/images/contents/partstep52.png') no-repeat center;}
.ic_part6 { background:#3165b7 url('/resources/images/contents/partstep62.png') no-repeat center;}
.ic_part7 { background:#223c6d url('/resources/images/contents/partstep72.png') no-repeat center;}
.ic_part8 { background:#40bfb8 url('/resources/images/contents/partstep12.png') no-repeat center;}

/* 디지털 실증랩 */
.digi.Intro1 { background: #fff; padding: 50px 0; }
.digi.Intro2 { background: #fff; padding: 50px 0; }
.digi.Intro3 { background: #fff; padding: 50px 0; }
.digi_slnb_box { position: relative; z-index: 77; margin: 0; height: 70px; /*border-bottom: 1px solid #d6d6d6;*/ }
.digi_slnb ul { width: 100%; max-width: 1600px; margin: 0 auto; position: relative; }
.digi_slnb ul li { float:left; width: 33%;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; border-right: 1px solid #d6d6d6; height: 70px; line-height: 70px; }
.digi_slnb ul li a { position: relative; display: block; text-align: center; vertical-align: middle; color: #333333; font-size: 18px; font-weight: 500; }
.digi_slnb ul li.active, .digi_slnb ul li:hover { border-bottom: 5px solid #0462b7; color: #0462b7; line-height: 65px; }
.digi_slnb ul li:first-child { border-left: 1px solid #d6d6d6; }
.digi_slnb ul li.active a, .digi_slnb ul li:hover a { color: #0462b7; }
.digi h3 { font-size: 30px; font-weight: 700; padding-bottom: 10px; letter-spacing: -1px; }
.digi h4 { position: relative; display: inline-block; font-size: 24px; font-weight: 600; margin-top: 40px; padding:0 0 15px 0; }
.digi h5 { position: relative; display: inline-block; font-size: 20px; font-weight: 600; margin-top: 20px; padding:0 0 5px 0; }
.digi h5 span { color: #666; font-weight: 500; }
.digi p.pointxt { font-size: 18px; } 
.digi p.poinbigtxt { font-size: 18px; line-height:32px; } 
.digi h3.pformH3 { background:#fff; font-size: 30px; line-height:30px; font-weight: 700; letter-spacing: -1px; border: 1px solid #d6d6d6; color:#000; border-left: 7px solid #0462b7; padding:15px 25px; margin-bottom:20px; }
.digi p.poinbigtxt b {font-weight:600; }

.digi_support{margin-top: 1.2em; box-sizing: border-box; }
.digi_support > li{position: relative; display: table; table-layout: fixed; width: 100%;padding: 0; margin-bottom:12px; }
.digi_support > li strong{ display: table-cell; font-size:20px; text-align:center; vertical-align: middle; }
.digi_support > li strong p { font-size:16px; font-weight:400; }
.digi_support > li strong.tit{ font-weight:600; color:#fff; font-size:20px; border: 1px solid #0fb54d; background: #0fb54c; }
.digi_support > li p.tit {display: table-cell; font-size: 20px; color:#fff; border: 1px solid #0070c1; background: #0070c0; text-align:center; vertical-align: middle; box-sizing: border-box; padding:10px 0; font-weight:600; }
.digi_support > li p.blank{display: table-cell; width: 20px; vertical-align: middle; box-sizing: border-box; }
.digi_support > li ul{display: table-cell; border: 1px solid #d6d6d6; background: #fff; vertical-align: middle; padding: 10px 10px 10px 20px;box-sizing: border-box; }
.digi_support > li ul li { position: relative; padding-left: 12px; line-height: 30px; }
.digi_support > li ul li::before {content: ''; display: block; position: absolute; left: 0; top: 14px; overflow: hidden; width: 4px;height: 4px;background: #666; }
.digi_support > li ul li b {font-weight:500; }
.digi_support > li.arrow {background: url(/resources/images/platform/down_arrow.png) no-repeat 50%; background-size: 40px auto; text-indent:-9999px; height: 25px; margin: 0;}
.digi_support > li strong.WBg0 { background:#f0f0f0; color:#000; border: 1px solid #d6d6d6; }
.digi_support > li strong.WBg1 { background:#03b1c1; color:#fff; border: 1px solid #03b1c2; }
.digi_support > li strong.WBg2 { background:#108ad9; color:#fff; border: 1px solid #108ad8; }
.digi_support > li strong.WBg3 { background:#3165b7; color:#fff; border: 1px solid #3165b7; }

.plat1 { margin: 20px 0 10px; }
.plat1:after { content: ""; display: block; clear: both; }
.plat1 dl { float: left; width: 100%; margin-right: 30px; }
.plat1 dl:last-child { margin-right: 0; }
.plat1 dt { color: #fff; text-align: center; font-weight: 500; font-size: 20px; padding: 15px 10px; }
.plat1 dd { text-align: center; line-height: 26px; padding: 30px 20px; font-size: 18px; border: 1px solid #d7d7d7; border-top: none; background: #fff; margin-bottom:20px;}

.digi_plat_tbl { display: table; table-layout: fixed; min-width: 100%; width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; word-break: break-all; }
.digi_plat_tbl > * > tr > * { border: 1px solid #d9d9d9; background: #fff; }
.digi_plat_tbl > * > tr > *[scope] { text-align: center; background: #f0f0f0; padding: 15px 10px; text-align: center; border-top: 2px solid #000; }
.digi_plat_tbl > * > tr th { font-weight: 500; font-size: 18px; text-align: center; vertical-align: middle; }
.digi_plat_tbl > * > tr td { font-size: 16px; padding: 10px 20px; vertical-align: middle; }

.digi_plat_env_tbl1 {float: left; display: inline-table; table-layout: fixed; margin: 0; border-collapse: collapse; border-spacing: 0; word-break: break-all; }
.digi_plat_env_tbl1 > * > tr > * { border: 1px solid #d9d9d9; background: #fff; }
.digi_plat_env_tbl1 > * > tr > *[scope] { text-align: center; background: #f0f0f0; padding: 15px 10px; text-align: center; border-top: 2px solid #000; }
.digi_plat_env_tbl1 > * > tr th { background:#f0f0f0; font-weight: 500; font-size: 18px; text-align: center; vertical-align: middle; }
.digi_plat_env_tbl1 > * > tr td { font-size: 16px; padding: 10px 20px; vertical-align: middle; }

.digi_plat_env_tbl2 { display: inline-table; table-layout: fixed; min-width: 100%; width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; word-break: break-all; }
.digi_plat_env_tbl2 > * > tr > * { border: 1px solid #d9d9d9; background: #fff; }
.digi_plat_env_tbl2 > * > tr > *[scope] { text-align: center; background: #f0f0f0; padding: 15px 10px; text-align: center; border-top: 2px solid #000; }
.digi_plat_env_tbl2 > * > tr th { font-weight: 500; font-size: 18px; text-align: center; vertical-align: middle; }
.digi_plat_env_tbl2 > * > tr td { font-size: 16px; padding: 10px 20px; vertical-align: middle; }

.digi_env_pw1 { width: 50%; text-align: center; font-weight: 600;font-size:18px;}
.digi_env_pw2 { width: 50%; text-align: left; }
.digi_env_pw3 { width: 25%; text-align: center; font-weight: 600;font-size:18px;}
.digi_env_pw4 { width: 60%; text-align: left; }

.digi_pw1 { width: 40%; text-align: center; font-weight: 600;font-size:18px;}
.digi_pw2 { width: 60%; text-align: left; }

/*이용절차*/
.digi_utlz_prcdr {width: 100%;  margin: 0 auto; padding: 25px 0; float: left; }
.digi_utlz_prcdr .menu_left {  width: 13%;  float: left; position: relative; display: inline-block; }
/*컨텐츠 영역*/
.digi_utlz_prcdr .content_area { width: 87%;   float: left; position: relative; display: block;} 
.digi_utlz_prcdr .content_area  span { width: 100%; margin: 10px; font-size: 25px; font-weight: 600; color: #0e3470; }
.digi_utlz_prcdr .content_area  img { width: 100%;  margin: 10px; }

/* menu_left */
.menu_left ul {border-top: 1px solid #2760ba; list-style: none; margin: 10px;}
.menu_left ul li { position: relative; color:#000; font-size: 14px; font-weight: 400;   text-align:center;   border-left: 1px solid #2760ba; border-right: 1px solid #2760ba;}
.menu_left ul li a {align-content:center; display: block;  width: 100%; color:#000;  aspect-ratio: 186/100;   font-size:18px; background:#fff; }
.menu_left ul li::after {  display: block; content: ''; width: 100%; aspect-ratio: 186/41; position: relative;  background: url('/resources/images/digiSbstntnLab/bg.png') no-repeat center/cover;}
.menu_left ul li:first-child { position: relative; color:#000; font-size: 14px; font-weight: 400; text-align:center;  border-left: 1px solid #2760ba; border-right: 1px solid #2760ba;}
.menu_left ul li:first-child a {align-content:center; display: block;  width: 100%; color:#000; aspect-ratio: 186/100; font-size:18px; background:#fff; }
.menu_left ul li:last-child{border-left:none; border-right:none; }
.menu_left ul li:last-child a {align-content:center; border-left: 1px solid #2760ba; border-right: 1px solid #2760ba;}
.menu_left ul li.on a {align-content:center; background:#2760ba;  color:#fff; }
.menu_left ul li.on::after { aspect-ratio: 186/41;background: url('/resources/images/digiSbstntnLab/bg_on.png') no-repeat center/cover;}
.menu_left ul li.pre {background:#2760ba;}

/*모바일*/
@media (max-width: 480px){
	/*이용절차*/
	.digi_utlz_prcdr {width: 100%;  margin: 0 auto; padding: 25px 0; float: left; }
	.digi_utlz_prcdr .menu_left {  width: 20%;  float: left; position: relative; display: inline-block; }
	/*컨텐츠 영역*/
	.digi_utlz_prcdr .content_area { width: 80%;   float: left; position: relative; display: block;} 
	.digi_utlz_prcdr .content_area  span { width: 100%; margin: 10px; font-size: 1em; font-weight: 600; color: #0e3470; }
	.digi_utlz_prcdr .content_area  img { width: 100%;  margin: 10px; }
	
	/* menu_left */
	.menu_left ul {border-top: 1px solid #2760ba; list-style: none; margin: 10px;}
	.menu_left ul li { position: relative; color:#000; font-size: 14px; font-weight: 400;   text-align:center;   border-left: 1px solid #2760ba; border-right: 1px solid #2760ba;}
	.menu_left ul li a {align-content:center; display: block;  width: 100%; color:#000;  aspect-ratio: 186/100;   font-size:0.8rem; background:#fff; }
	.menu_left ul li::after {  display: block; content: ''; width: 100%; aspect-ratio: 186/41; position: relative;  background: url('/resources/images/digiSbstntnLab/bg.png') no-repeat center/cover;}
	.menu_left ul li:first-child { position: relative; color:#000; font-size: 14px; font-weight: 400; text-align:center;  border-left: 1px solid #2760ba; border-right: 1px solid #2760ba;}
	.menu_left ul li:first-child a {align-content:center; display: block;  width: 100%; color:#000; aspect-ratio: 186/100; font-size:0.8rem; background:#fff; }
	.menu_left ul li:last-child{border-left:none; border-right:none; }
	.menu_left ul li:last-child a {align-content:center; border-left: 1px solid #2760ba; border-right: 1px solid #2760ba;}
	.menu_left ul li.on a {align-content:center; background:#2760ba;  color:#fff; }
	.menu_left ul li.on::after { aspect-ratio: 186/41;background: url('/resources/images/digiSbstntnLab/bg_on.png') no-repeat center/cover;}
	.menu_left ul li.pre {background:#2760ba;}
}

.py_torch {background: url('/resources/images/digiSbstntnLab/pytorch.png') no-repeat left center;}
.tensor_flow {background: url('/resources/images/digiSbstntnLab/tensorflow.png') no-repeat left center;}

/* 도움말 */
.advice_wrap { margin-top: 20px; }
.advice_wrap h3 { font-weight: 600; font-size: 22px; background: url('/resources/images/contents/ic_advice.png') no-repeat left center; padding-left: 38px; }
.advice_box { border: 4px solid #e7e7e7; padding: 20px 30px; margin: 20px auto; }
.advice_box h4 { font-size: 18px; font-weight: 500; margin-bottom: 5px; }
.advice_box p { display: block; position: relative; padding-left: 12px; line-height: 30px; }
.advice_box p:before { content: ''; display: block; position: absolute; left: 0; top: 15px; overflow: hidden; width: 4px; height: 4px; background: #666; }
.advice_box p strong { color: #0360C4}

/* 노데이터 */
.empty { margin: 150px auto; text-align: center; }
.empty p { padding-top: 10px; color: #777; font-size: 15px; }
.empty span { display:block; padding-top: 10px; color: #777; font-size: 15px; }

/* 마이페이지 */
.mypage_wrap{display:flex;flex-wrap:wrap;justify-content:space-between}
.mypage_wrap .wrapper{padding:0}
.mypage_wrap .w2wframe,
.mypage_wrap .mypage_inner,
 .mypage_wrap .mypage_left_box{height:100%}
.mypage_wrap .mypage_left { float: left; width: 260px; }
.mypage_wrap .mypage_right { float: right; width: calc(100% - 300px); }
.mypage_left_box {padding:0 40px 25px 0;position: relative; margin-bottom: 40px;border-right:1px solid #ddd}
.mypage_left_box .left_tit { text-align:left; padding: 0; font-size: 30px; font-weight: 700; }
.mypage_leftbox ul { margin-top: 40px; display: block; }
.mypage_leftbox li { border-top: 1px solid #d9d9d9; }
.mypage_leftbox li a { display: block; font-size: 18px; padding: 20px 0; color: #151515; font-weight: 600; background: url('/resources/images/contents/mypage_arrow_off.svg') no-repeat right center;transition:all .2s}
.mypage_leftbox li a:hover { color: #000; font-weight: 600; }
.mypage_leftbox li a.minus { background: url('/resources/images/contents/left_minus.png') no-repeat right center; }
.mypage_leftbox li a.plus { background: url('/resources/images/contents/left_plus.png') no-repeat right center; }
.mypage_leftbox li a.on { color:#0460B6; background: url('/resources/images/contents/mypage_arrow_on.svg') no-repeat right center; font-weight: 600; }
.mypage_leftbox li ul { margin: 0 0 20px; }
.mypage_leftbox li ul li { border-top: none; }
.mypage_leftbox li ul li a { padding: 6px 10px; background: url('/resources/images/contents/slnb_depth2.gif') no-repeat left center; font-size: 15px; font-weight: 500;}
.mypage_leftbox li ul li a:hover {text-decoration:underline}
.mypage_leftbox li ul li a.on { color:#0460B6; font-weight: 600; background: url('/resources/images/contents/slnb_depth2.gif') no-repeat left center; }
.mypage_left_box { position: relative; z-index: 77; }
.mypage_left_box .mypage_left_button { position: relative; display: none; width: 100%; height: auto; margin: 0; padding: 11px 33px 11px 17px; background: transparent; line-height: 20px; text-align: left; color: #000; font-size: 16px;border-radius:10px}
.mypage_left_box .mypage_left_button:before { position: absolute; top: 10px; right: 15px; display: block; width: 20px; height: 20px; background: url('/resources/images/contents/left_down.png') no-repeat; content: ''; }

.mypage_option { position: relative; padding-bottom:20px; }
.mypage_option div{ display: inline-block; }
.mypage_option .listtit {margin-left:10px;font-size: 18px; line-height: 20px;vertical-align: middle; }
.mypage_option .listtit span { font-weight:400; }
.mypage_option strong { margin-left:3px; font-size:18px; line-height:20px; vertical-align:middle; }
.mypage_option .my_check { margin-top:10px; }

.my_check { position: relative; }
.my_check input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; }
.my_check input[type="checkbox"] + label { display: inline-block; position: relative; color: #555; font-size: 0; }
.my_check input[type="checkbox"] + label:before { content: ' '; display: inline-block; width: 22px; height: 22px; background: url('/resources/images/contents/zzim_check_off.png') no-repeat 50% 50%; }
.my_check input[type="checkbox"]:hover + label:before,
.my_check input[type="checkbox"]:focus + label:before,
.my_check input[type="checkbox"]:active + label:before {outline: 1px dotted #000;}
.my_check input[type="checkbox"]:checked + label:before { content: ''; background: url('/resources/images/contents/zzim_check_on.png') no-repeat 50% 50%; }

.btn_cart { display: inline-block; width: 22px;height: 21px;background: url('/resources/images/contents/icon_cart.png') no-repeat; text-indent: -9999px; }
.btn_delete { display: inline-block; width: 22px;height: 21px;background: url('/resources/images/contents/icon_delete.png') no-repeat; text-indent: -9999px; }
.btn_heart { display: inline-block; width: 22px;height: 21px;background: url('/resources/images/contents/icon_heart.png;') no-repeat; text-indent: -9999px; }
.btn_good { display: inline-block; width: 22px;height: 21px;background: url('/resources/images/contents/icon_good.png;') no-repeat; text-indent: -9999px; }

.btn_all_delete { font-size:15px; display: inline-block; background: url('/resources/images/contents/ico_delete.png') no-repeat 10px 50%; padding:5px 10px 5px 35px; border: 1px solid #ddd; border-radius: 3px; }
.btn_buy { font-size:15px; display: inline-block; background:#0360C4; padding:5px 50px 5px 50px; border: 1px solid #0360C4; border-radius: 3px; color:#fff; }
.btn_compare { background:#0360C4; color:#fff; font-size:15px; display: inline-block; padding:5px 10px; border: 1px solid #0360C4; border-radius: 3px; }

/* 장바구니 */
.cart_list > ul { position: relative; border-top: 2px solid #000; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7; }
.cart_list > ul > li { position: relative; width: 100%; padding: 30px 20px; border-bottom: 1px solid #d7d7d7; min-height:160px; }
.cart_list > ul > li .descpt { padding: 10px 80px 0 210px; }
.cart_list > ul > li .descpt > span { display: block; }
.cart_list > ul > li .checkBox { position: absolute; top: 45%; left: 20px; }
.cart_list > ul > li .thumb { position: absolute; top: 35px; left: 64px; border-radius: 5px; }
.cart_list > ul > li .thumb img { width: 135px; height: 90px; border-radius: 5px; }
.cart_list > ul > li .descpt .subject { display: block; font-weight: 600; font-size: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.cart_list > ul > li .descpt .pt { display: block; margin: 8px 0; color: #999; font-size: 15px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.cart_list > ul > li .descpt .price strong { font-size: 20px; font-weight: 500; }
.cart_list > ul > li .descpt .opt { position: relative; font-size: 15px; margin-top:15px; display: inline-block; }
.cart_list > ul > li .descpt .opt span { margin-right:20px; }
.cart_list > ul > li .descpt .opt strong { margin-right: 5px; padding: 0; color: #000; font-size: 15px; font-weight: 600; }
.cart_list > ul > li .descpt .opt strong span {margin-right:5px; }
.cart_list .btnBox { position: absolute; top: 50%; right: 25px; margin-top: -10px; }
.cart_list .btnBox a { display: inline-block; margin: 0;padding: 0; width: 22px; margin-left: 20px; }

/* 스펙비교 */
.compare_list > ul { position: relative;  }
.compare_list > ul > li { float: left; position: relative; width: 50%; padding: 30px 20px 20px; }
.compare_list > ul > li:first-child { border-right: 1px solid #d7d7d7; }
.compare_list > ul > li .descpt { padding: 0 20px; }
.compare_list > ul > li .descpt > span { display: block; }
.compare_list > ul > li .checkBox { position: absolute; top: 25px; left: 20px; }
.compare_list > ul > li .thumb { text-align:center; margin: 0 auto 15px; }
.compare_list > ul > li .thumb img { height: 150px; border-radius: 5px; }
.compare_list > ul > li .descpt .subject { display: block; font-weight: 600; font-size: 22px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-bottom:10px; }
.compare_list > ul > li .descpt .pt { display: block; margin: 8px 0; color: #999; font-size: 15px; height:45px; overflow: hidden; text-overflow: ellipsis; word-break:break-all; white-space:normal; }
.compare_list > ul > li .descpt .price strong { font-size: 20px; font-weight: 500; font-family: 'Montserrat',sans-serif; }
.compare_list > ul > li .descpt .opt { position: relative; display: block; font-size: 15px; padding: 4px 0; line-height:28px; }
.compare_list > ul > li .descpt .opt span{ font-size: 15px; }
.compare_list > ul > li .descpt .opt strong { margin-right: 10px; padding: 2px 5px; font-size: 14px; border: 1px solid #d7d7d7; background: #f8f8f8; }
.compare_list > ul > li:after { content: ""; display: block; clear: both; }

/** compare_tbl **/
.compare_tbl { display: table; table-layout: fixed; min-width: 100%; width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0; word-break: break-all; border-top: 2px solid #000; }
.compare_tbl > * > tr > * { padding: 12px 10px; text-align: center; }
.compare_tbl > * > tr > * { border: 1px solid #d9d9d9; background: #fff; }
.compare_tbl > * > tr th { font-weight: 500; color: #000; font-size: 16px; }
.compare_tbl > * > tr td { font-size: 15px; vertical-align: middle; text-align:left; }
.compare_tbl > * > tr td.bg { background: #f7f7f7; font-weight:500; text-align:right; }
.compare_tbl > * > tr td.tit {font-size:18px; font-weight:500; }

/* 이용약관+개인정보취급방침 */
.guidInfoWrap,
.policy_wrap{line-height:1.5}
.guidInfoWrap img,
.policy_wrap img{max-width:100%;min-width:70px}
.policy_wrap { text-align: justify; }
.policy_wrap h2{ margin-top: 40px; font-size: 30px; font-weight: 700; }
.policy_wrap h3 { display: inline-block; font-size: 20px; padding-bottom: 2px; border-bottom: 1px solid #124b91; margin:30px 0 15px; color:#124b91; font-weight: 600; }
.policy_wrap h4 { font-size: 20px; margin:40px 0 10px; color:#000; font-weight: 600; }
.list_num_round li{ padding-left: 23px; text-indent: -24px; }
.list_num_round li + li{ margin-top: 10px; }
.list_num_round li strong { margin-right: 7px; }
.list-decimal li { padding-left: 0; list-style: decimal; margin-left: 16px; text-indent: 0; }
.list-decimal li + li{ margin-top: 8px; }
.list-lineGray li { display: block; position: relative; padding-left: 19px; }
.list-lineGray li::before { content: ''; display: block; position: absolute; left: 5px; top: 12px; overflow: hidden; width: 5px; height: 1px; background: #555555; }
.list-lineGray li + li{ margin-top: 5px; }
.policy_link { display: inline-block; margin: 20px 0; background: #4a4e62; color: #ffffff; padding: 10px 20px; font-size: 15px; }
.policy_link a { color: #ffffff; padding-left:10px; font-size:14px; }
.policy_link i {margin-top:-4px; }
.policy_box { margin:0; padding: 20px; border: 1px solid #e7e7e7; background: #f7f7f7; }

.hidden { line-height:1px; font-size:1px; position:absolute; left:-1000px; top:0; overflow:hidden; text-indent:-30000px; }

.guidInfoWrap strong{font-weight:bold;}
.guidInfoWrap h2{font-size:20px;font-weight:bold;color:#323232;margin:30px 0 15px 0;}
.guidInfoWrap h2 span:before{content:''; display: inline-block; vertical-align: middle; width:50px; height:50px; background:url(../../resources/images/contents/guid_ico_group_small.png) no-repeat; background-position:0 0; margin-right: 10px;}
.guidInfoWrap h2.step_ico01 > span:before{background-position:-50px 0;}
.guidInfoWrap h2.step_ico02 > span:before{background-position:-100px 0;}
.guidInfoWrap h2.step_ico03 > span:before{background-position:0 -50px;}
.guidInfoWrap h2.step_ico04 > span:before{background-position:-50px -50px;}
.guidInfoWrap h2.step_ico05 > span:before{background-position:-150px 0;}
.guidInfoWrap h2.step_ico06 > span:before{background-position:-100px -50px;}
.guidInfoWrap h2.step_ico07 > span:before{background-position:-150px -50px;}
.guidInfoWrap h2.step_ico08 > span:before{background-position:-200px -50px;}
.guidInfoWrap h2.step_ico09 > span:before{background-position:-250px -50px;}
.guidInfoWrap h2.step_ico10 > span:before{background-position:-300px -50px;}
.guidInfoWrap h2.step_ico11 > span:before{background-position:-350px -50px;}
.guidInfoWrap h2.step_ico12 > span:before{background-position:-400px -50px;}
.guidInfoWrap h2.step_ico13 > span:before{background-position:-250px 0;}
.guidInfoWrap h2.step_ico14 > span:before{background-position:-500px -50px;}
.guidInfoWrap h2.step_ico15 > span:before{background-position:-500px -50px;}

.guidInfoWrap .ol02,
.guidInfoWrap ul{margin-left:10px;}
.guidInfoWrap .ol01 li,
.guidInfoWrap .ol02 li{margin-top:10px;}
.guidInfoWrap .ol02{font-size:12px;}
.guidInfoWrap .messageBox{background:#f3f3f3;padding:20px;}
.guidInfoWrap .messageBox p{padding-top:15px;}
.guidInfoWrap .messageBox li{margin-top:5px;}
.guidInfoWrap .info11 p{padding-top:15px;}
.guidInfoWrap .info11 ul li{margin-top:5px;}

.guidInfoWrap dl{word-break:break-all;}

.guid_infoLabel {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 1em; margin-bottom:2em;}
.guid_infoLabel .lb_title {text-align: center; padding: 10px; background-color: #d4eaf7; width: 100%; margin-bottom: 10px; font-size:20px;}

.contrast_table {display: block; float:right; margin: 1em 0;}
.contrast_table a {font-weight: bold; text-decoration: underline;}

.guid_infoLabel .label_info {position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; border: 1px solid #ccc; width: calc(100% / 3 - 11px); margin : 0 -1px -1px 0; text-align: center; padding: 30px 5px;}
.guid_infoLabel .label_info p.img {display:flex; width:100px; height:100px; background:url(../../resources/images/contents/guid_ico_group.png) no-repeat; background-position:0 0;}
.guid_infoLabel .label_info p.img.label02 {background-position:-100px 0;}
.guid_infoLabel .label_info p.img.label03 {background-position:-200px 0;}
.guid_infoLabel .label_info p.img.label04 {background-position:-300px 0;}
.guid_infoLabel .label_info p.img.label05 {background-position:-400px 0;}
.guid_infoLabel .label_info p.img.label06 {background-position:-500px 0;}

.guid_infoLabel .label_info dl dt {position:relative; font-size: 17px; font-weight: 600; color: #4576da;}
.guid_infoLabel .label_info dl dt:after {content:''; display:block; margin:10px auto; width:1.6rem; height:1px; background: #4576da;}

.guid_infoList {position: relative; }
.guid_infoList ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; width: 100%;}
.guid_infoList ul li {position: relative; display: flex; flex-direction: row; justify-content: flex-start; width: calc(100% / 2); text-align: left; letter-spacing: -1px;}
.guid_infoList ul li a > span {font-size:20px; font-weight: 600;}
.guid_infoList ul li a > span:hover, .guid_infoList ul li span:focus {color: #4576da;}
.guid_infoList ul li a:before {content:''; display: inline-block; vertical-align: middle; width:98px; height:100px; background:url(../../resources/images/contents/guid_ico_group.png) no-repeat; background-position:0 0; margin-right: 10px;}
.guid_infoList ul li a.ico1:before {background-position:-98px 0;}
.guid_infoList ul li a.ico2:before  {background-position:-200px 0;}
.guid_infoList ul li a.ico3:before  {background-position:1px -100px;}
.guid_infoList ul li a.ico4:before  {background-position:-100px -100px;}
.guid_infoList ul li a.ico5:before  {background-position:-300px 0;}
.guid_infoList ul li a.ico6:before  {background-position:-200px -100px;}
.guid_infoList ul li a.ico7:before  {background-position:-300px -100px;}
.guid_infoList ul li a.ico8:before  {background-position:-400px -100px;}
.guid_infoList ul li a.ico9:before  {background-position:-500px -100px;}
.guid_infoList ul li a.ico10:before  {background-position:-600px -100px;}
.guid_infoList ul li a.ico11:before  {background-position:-700px -100px;}
.guid_infoList ul li a.ico12:before  {background-position:-800px -100px;}
.guid_infoList ul li a.ico13:before  {background-position:-500px 0;}
.guid_infoList ul li a.ico14:before  {background-position:-1000px -100px;}
.guid_infoList ul li a.ico15:before  {background-position:-1000px -100px;}
.guid_infoList ul li a.new:before {content:''; display: inline-block; vertical-align: middle; width:98px; height:100px; background:url(../../resources/images/contents/guid_ico_group_new.png) no-repeat; background-position:0 0; margin-right: 10px;}
.guid_infoList ul li a.ico1.new:before {background-position:-100px 0;}
.guid_infoList ul li a.ico2.new:before  {background-position:-200px 0;}
.guid_infoList ul li a.ico3.new:before  {background-position:1px -100px;}
.guid_infoList ul li a.ico4.new:before  {background-position:-100px -100px;}
.guid_infoList ul li a.ico5.new:before  {background-position:-300px 0;}
.guid_infoList ul li a.ico6.new:before  {background-position:-200px -100px;}
.guid_infoList ul li a.ico7.new:before  {background-position:-300px -100px;}
.guid_infoList ul li a.ico8.new:before  {background-position:-400px -100px;}
.guid_infoList ul li a.ico9.new:before  {background-position:-500px -100px;}
.guid_infoList ul li a.ico10.new:before  {background-position:-600px -100px;}
.guid_infoList ul li a.ico11.new:before  {background-position:-700px -100px;}
.guid_infoList ul li a.ico12.new:before  {background-position:-800px -100px;}
.guid_infoList ul li a.ico13.new:before  {background-position:-500px 0;}
.guid_infoList ul li a.ico14.new:before  {background-position:-1000px -100px;}
.guid_infoList ul li a.ico15.new:before  {background-position:-1000px -100px;}

.dataTable {position:relative;width:100%;margin-top:10px;border-top:2px solid #12a3cc;border-bottom:1px solid #d1d1d1;table-layout:fixed;}
.dataTable caption {color:#fff;font-size:0;vertical-align:top;width:100%;line-height:0}
.dataTable span.unit {color:#494949;display:block;font-size:12px;display:block;position:absolute;top:-24px;right:2px;}

.dataTable thead th {text-align:center;padding:10px 0;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;background:#f7f8fc;font-size:16px;color:#323232;font-weight:bold;vertical-align:middle;word-break:break-all;}
.dataTable thead th.lt {border-right:1px solid #d1d1d1;}
.dataTable thead th.left{text-align:left!important; font-size:15px; padding-left:20px} 
.dataTable thead th.R0 {border-left:none!important; text-align:right!important; font-size:11px; font-weight:400!important;}.dataTable thead tr:first-child th:first-child{border-left:none;}
.dataTable th:first-child{border-left:none;}
.dataTable tbody th {display:table-cell;vertical-align:middle;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;background:#fcfcfc;font-weight:bold}

.dataTable tbody td {line-height:150%;display:table-cell;vertical-align:middle;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2; padding:10px 10px;text-align:left; background-color:#ffffff;word-break:break-all;}
.dataTable tbody td:first-child{border-left:none;}
.dataTable tbody td.dsp {padding:10px !important;vertical-align:top}
.dataTable tbody td img {width:100%}
.dataTable.noPd td {padding:10px 0}
.dataTable.cntTx td {text-align:center;vertical-align:middle}
.dataTable.liTd td {border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.dataTable.liTd td:first-child {border-left:0}
.dataTable.leftTx td {text-align:left}

.dataTable.damTd td {border-left:1px solid #e2e2e2}
.dataTable.damTd td:first-child {border-left:0}

.dataTable.cleanTd td {border-left:1px solid #e2e2e2}
.dataTable.cleanTd td:first-child {border-left:1px solid #e2e2e2!important;}
.dataTable.cleanTd td.f-child {border-left:0!important;}

.dataTable_recr {position:relative;margin-top:20px;border-bottom:2px solid #12a3cc;border-top:1px solid #d1d1d1; padding:10px 20px}

.dataTable.center {text-align:center;}

.verBox{margin-top:50px;}
.verBox a.on{color:#017eba;font-weight:bold;}
.verBox h2{text-align:right;}
.verBox div.ver{text-align:right;}
.verList {font-weight:600; font-size:18px;}

.upTime {font-size: 13px; line-height:22px; text-align:center;  }
/* .upTime {font-size: 13px; line-height:22px; text-align:center; border: 1px solid #d9d9d9; padding: 10px; border-radius: 10px;  } */
.ic_upDate { display: inline-block; width: 20px; height: 20px;background: url('/resources/images/contents/ic_update.png'); margin-right: 3px; vertical-align: middle; text-indent:-9999px; }

/** 1600px 시작 **/
@media screen and (max-width: 1600px) { 

	.img_responsive { display: block; max-width: 100%; height: auto; margin: 0 auto; }	
	
 }


/** 1400px 시작 **/
@media screen and (max-width: 1400px) { 
	
	.cnn_list li { min-height: 150px; }
	.cnn_list li br{display: block; }
	
 }


/** 1200px 시작 **/
@media screen and (max-width: 1200px) { 

	/* 로그인 */
	.login_wrap { padding: 20px 0; }
	.login_wrap > div.left_login { padding-right: 20px; }
	.login_wrap > div.right_login { padding-left: 20px; }

	.location { margin: 10px 15px; }
	
	/* 플랫폼 - 01 */
	.top_txt { font-size: 40px; line-height: 50px; }
	.top_eng { font-size: 50px; }
	.top_img { margin-top: 40px; }
	
	/* 커뮤니티 */
	
	
	/* 커뮤니티_list */
	.community_list { margin-top: 10px; }
	.community_list .box_col .col { position: relative; padding: 20px 20px 20px 180px; min-height: auto; }
	.community_list .box_col .col .thumb { top: 20px; left: 10px; width: 150px; height: 100px; }
	.community_list .box_col .col .thumb img { width: 150px; height: 100px; }
	.community_list .box_col .col .descpt .subject { padding: 0 0 0; font-size: 18px; }
	.community_list .box_col .col .descpt .pt { font-size: 14px; }
	.community_list .box_col .col .descpt .opt { position: relative; display: block; }
	.community_list .box_col .col:hover { background: #F8F8F8; font-weight: 500; }	
	
	/* 커뮤니티 - 뷰 */
	.community_view .comu_subject { padding: 15px 35px 15px 0; font-size: 20px; text-align: left; }
	.community_view .comu_subject p { font-size: 15px; padding-top: 5px; }
	.community_view .comu_cont .box_left { width: 100%; }
	.community_view .comu_cont .box_right { width: 100%; padding-top:20px; }	
	.community_view .comu_cont { position: relative; }
	.community_view .cont b{ font-weight: 600; }
	.community_view .comu_subject .rating {position: static; margin-top:10px }
	.community_view .comu_subject .comu_good { right: 0; top: 18px; }
		
	/* 플랫폼 메뉴 */
	
	/* 참여기업 */	
	.partstepA li i { width:84px; height:84px; background-size: 80%; font-size: 16px; margin-bottom:5px; }
	.partstepG li i { width:84px; height:84px; background-size: 80%; font-size: 16px; margin-bottom:5px; }
	
	.partstepA li { font-size: 16px; }
	.partstepG li { font-size: 16px; }
 }
/** 1200px 끝 **/

/** 1000px 시작 **/
@media screen and (max-width: 1000px) { 
	
	/* 플랫폼 메뉴 */
	.platform_slnb_box { border-bottom: none;height:auto}
	.platform_slnb.t2 ul{display:flex}
	.platform_slnb.t2 ul li{flex:1}
	
	.cart_list > ul > li .descpt .opt { margin-top: 5px; display: block; }
	.cart_list > ul > li .descpt .opt span { margin-right: 0; }
	
	.partsteptxt li { width: 50%; }	
	.partstepA li{ width: calc(26% - 29px); }
	.partstepA li::after{ right: calc(25% - 40px); }
	
	/* 커뮤니티 */
	.community_head_box{padding:20px}
	.community_head_box .community_img_box{max-width:200px}
	.community_head_box .descpt .subject{margin-bottom:10px;font-size:25px}
	.community_head_box .descpt .opt{margin-top:15px}
	
	/* 솔루션마켓 탭메뉴 */
	.w2tabcontrol > .w2tabcontrol_container { min-height: auto; } 
	.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a { font-size: 16px; padding:5px; } 
	.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a span { display: block; padding: 0; font-size: 14px; }
	.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_tab_center a {font-size:15px; line-height: 1.2;padding:5px; height: 48px;}
 }
/** 1000px 끝 **/


/** 860px 시작 **/
@media screen and (max-width: 860px) {
	.platform_slnb ul{display:block}
	.platform_slnb ul li {flex:none; float:left; width: 50%; height: 44px;}
	.platform_slnb ul li a { font-size: 16px; }
	.platform_slnb_box.fixed .platform_slnb{top:100px}
	.platform h3.pformH3 { background:#fff; font-size: 20px; line-height:20px; border-left: 7px solid #0462b7; padding:10px 15px; margin-bottom:10px; }
	
	/** button **/
	.btn {}

	/* title */
	.contTit { font-size: 2em; }
	.contTxt { font-size: 1.125em; }

	/** tab 메뉴 **/
	.tabmenu ul li a { font-size: 14px; }
	
	/* 로그인 */
	.login_wrap > div { width: 100%; }
	.login_wrap > div.left_login { padding: 0 20px 30px; }
	.login_wrap > div.left_login::before { display: none; }
	.login_wrap > div.right_login { padding: 30px 20px 0; }
	.log_wrap > div { max-width: 90%; }
	.log_wrap .log_box { margin-top: 30%; padding: 50px 30px 15px; border-radius: 20px; }
	.log_wrap .logimg { margin: 0 auto 40px; }

	.log_bg:before { width: 485px; height: 578px; background: url(/resources/images/contents/log_bg01_1.png) no-repeat right top; right: 0; top: 0; }
	.log_bg:after { width: 100%; height: 90px; background: url(/resources/images/contents/log_bg02_1.png) no-repeat left top; }
		
	/* 아이디/비밀번호 찾기 */
	.find_wrap .find_box .item { width: 100%; margin-bottom: 20px; }
	.find_wrap .find_box .item:last-child { margin-left: 0; }

	.join_wrap .join_box { width: 100%; margin: 30px auto; }
	.ic_join1 { width: 130px; height: 130px; }
	.ic_join2 { width: 130px; height: 130px; }
	.btn_join1 { width: 90%; height: 40px; line-height: 36px; }
	.btn_join2 { width: 90%; height: 40px; line-height: 36px; }

	/* 회원가입 Step */
	.join_wrap .joinStep .step { padding: 0 0 0 30px; font-size: 1em; }
	.join_wrap .joinStep .step b { margin-right: 0; display: block; }

	.join_wrap .chk_box .hp_box { max-width: 300px; padding: 20px 0 30px; }
	.join_wrap .chk_box .hp_box p { padding: 0 0 0 100px; }
	.join_wrap .chk_box .hp_box .subBtn { position: static; }
	 
 	/* 원형태 */
	 .join_wrap .join_step::before { height: 2px; top: 14px; }
	 .join_wrap .join_step li { padding: 0 5px; }
	 .join_wrap .join_step li span { width: 30px; height: 30px; font-size: 16px; line-height: 25px; border: 2px solid #dbdee1; }
	 .join_wrap .join_step li b { font-size: 11px; letter-spacing: -0.5px; line-height: 15px; word-break: keep-all; margin-top: 5px; }

	.tabMbox { padding: 20px 10px 0; }
	.policy_wrap { text-align: initial; }
	
	/** long tab 메뉴 **/
	.tablong ul li { display: block; border-top: none; }
	.tab_long_box { margin-bottom: 20px; }
	.tab_long_box .tab_long_button { display: inline; font-size: 16px; }
	.tab_long_box .tablong { position: absolute; left: 0; display: none; width: 100%; }
	.tab_long_box .tablong ul li { float: none; width: auto; font-size: 15px; }
	.tab_long_box .tablong ul li a { border-width: 0 1px 1px; background: #ffffff; height: auto; padding: 10px 20px; line-height: 20px; font-size: 14px; text-align: left; }
	.tab_long_box .tablong ul li:first-child a { border-width: 1px; }
	.tab_long_box .tablong ul li.active a, .tab_water_box .tabwater ul li a:hover { border-color: #d6d6d6; background: #ffffff; color: #EE6501; font-weight: 600; }
	.tab_long_box .tablong ul li a:before { display: none; }		
	.tabwater ul li a span { display: inline; }
	.tabwater ul li a { padding: 5px 5px; font-size: 1.125em; }
	
	/* 플랫폼 소개 */	
	.platform.Intro1 { padding: 30px 0 0; }
	.platform.Intro2 { padding: 30px 0; }
	.platform.Intro3 { padding: 30px 0; }
	.platform.Intro4 { padding: 30px 0; }
	.platform.Intro5 { padding: 30px 0; }
	
	.platform h3 { font-size: 28px; }
	.platform h4 { font-size: 20px; padding-bottom: 5px; }
	.platform p.pointxt { font-size: 16px; } 
	.platform p.poinbigtxt { font-size: 18px; padding-top: 10px; line-height:30px; } 
		
	/* 플랫폼 - 01 */
	.platform.Intro_1 { margin-bottom: 30px; padding: 10px 0 30px; }
	.top_txt { font-size: 30px; line-height: 45px; }
	.top_stxt { font-size: 20px; }
	.top_eng { font-size: 30px; }
	.top_img { margin-top: 20px; min-height: 100px; }
	
	/* 플랫폼 - 02 */
	.platform.Intro_2 { margin-bottom: 30px; padding: 30px 0; }
	.push { margin: 20px 0 0; }
	.push dl { width: 100%; margin-right: 0; }
	.push dt { padding: 10px 5px; font-size: 17px; }
	.push dd { padding: 15px 10px; margin-bottom: 20px; }
	.push dd.ht1 { min-height: auto; }
	.push dd.ht2 { min-height: auto; }
	.push dd.ht3 { min-height: auto; }
	.push dd img { margin: 10px auto 0; }
	.l_arrow { padding-bottom: 10px; margin-top: -10px; }
	
	.push3 { margin: 20px 0 0; }
	.push3 dl { width: 100%; margin-right: 0; }
	.push3 dt { padding: 10px 5px; font-size: 17px; }
	.push3 dd { padding: 15px 10px; margin-bottom: 20px; }
	.push3 dd img { margin: 10px auto 0; }			
	
	/* 플랫폼 - 03 */
	.platform.Intro_3 { margin-bottom: 30px; padding: 30px 0 0; }
	.platBox .left_element { width: 100%; }
	.platBox .right_element { width: 100%; padding-top: 20px; }

	.plat3 { margin: 20px 0 0; }
	.plat3 dl { width: 100%; margin-right: 0; }
	.plat3 dt { padding: 10px 5px; font-size: 17px; }
	.plat3 dd { padding: 15px 10px; margin-bottom: 20px; }
	.plat3 dd img { margin: 10px auto 0; }
	
	/* 플랫폼 - 04 */
	.platCon { margin-top: 20px; }
	.platCon dl { margin-bottom: 15px; }
	.platCon dl dt { padding: 0 20px 0 20px; width: 40%; font-size: 16px; }
	.platCon dl dd { padding: 15px 15px 20px 40px; font-size: 14px; }
	
	.esg3 { margin: 20px 0 0; }
	.esg3 dl { width: 100%; margin-right: 0; }
	.esg3 dt { padding: 10px 5px; font-size: 17px; }
	.esg3 dd { padding: 15px 10px; margin-bottom: 20px; }	
		
	/* 플랫폼 - 05 */
	.ci_box3 dl { width: 100%; margin-right: 0; }
	.ci_box3 dd { margin-bottom: 20px; }
	
	.ci_box3 dt img { width: 250px; }

	/* 플랫폼 - 06 */
	.platform.Intro_6 { padding: 20px 0; }
	.globalBox { margin-top: 40px; }
	.globalBox ul { margin: 0; }
	.globalBox ul li { width: 100%; padding: 0 0 20px 0; }
	.globalBox ul li .txtbox { position: relative; padding: 75px 280px 20px 20px; min-height: auto; border: 1px solid #d7d7d7; text-align: left; }
	.globalBox ul li .txtbox .primary { top: 20px; left: 20px; margin-left: 0; text-align: center; }
	.globalBox ul li .txtbox strong { font-size: 20px; }
	.globalBox ul li .txtbox p { font-size: 14px; }
	.globalBox ul li .imgbox { position: absolute; top: 20px; right: 20px; }
	.globalBox ul li .imgbox img { width: 200px; }
		
	/* 플랫폼 - 07 */
	.platform.Intro_7 { padding: 20px 0; }
	.halfBox li { width: 100%; }
	.halfBox li:first-child { border-right: none; margin-bottom: 20px; }
	
	/* 참여기업 */
	.partform.Intro1 { padding: 20px 0 0; }
	.partform.Intro2 { padding: 20px 0; }
	.part_slnb_box { border-bottom: none; height: 40px; margin-bottom:40px}
	.part_slnb ul{margin-bottom:40px}
	.part_slnb ul li { height: 40px; line-height: 40px; border-bottom: 1px solid #d6d6d6; }
	.part_slnb ul li a { font-size: 16px; }
	.part_slnb ul li.active, .part_slnb ul li:hover { border-bottom: 3px solid #0462b7; line-height: 37px; }	
	
	.partform h3.pformH3 { background:#fff; font-size: 20px; line-height:20px; border-left: 7px solid #0462b7; padding:10px 15px; margin-bottom:10px; }
	.partform h4 { font-size: 18px; margin-top: 20px; padding: 0 0 15px 0; }
	.partform p.poinbigtxt { font-size: 16px; line-height: 28px; } 		
	.partsupport{margin-top: 10px; }
	.partsupport > li{ margin-bottom: 8px; }
	.partsupport > li strong{ font-size:16px; width: 25%; }
	.partsupport > li strong p { font-size: 14px; }
	.partsupport > li strong.tit{font-size: 16px; }
	.partsupport > li p.tit{font-size: 16px;padding:10px 0; }
	.partsupport > li p.blank{width: 5px; }
	.partsupport > li ul{padding: 10px; }
	.partsupport > li ul li { font-size:14px; line-height: 20px; }
	.partsupport > li ul li::before {top: 8px; }
	.partsupport > li.arrow { background: url(/resources/images/contents/down_arrow.png) no-repeat 11%; }
	.s_ci_w { background-size: 90px 22px; width: 90px; height: 22px; margin:-10px 0 0; }
	.partsteptxt li {font-size: 15px; margin-top: 12px; padding-left: 20px; }
	.partsteptxt li strong { font-size: 18px; margin: 0 0 5px -19px; } 
		
	/* 노데이터 */
	.empty { margin: 50px auto; }
	
	/* 커뮤니티 */	
	.comTit { font-size: 20px; margin: 0 0 10px; }
	.commu_slnb_box{margin-bottom:20px}
	
	.community_slnb { width: 100%; margin-bottom: 0; }
	.community_cont { width: 100%; }
	
	/* 커뮤니티 - 상단정보 */
	.community_head_box { min-height: auto; margin-bottom: 20px; margin-top:10px }
	.community_head_box .descpt{padding:0}
	.community_head_box .community_btn_box{position:static;margin-top:15px;transform:none}
			
	/** 커뮤니티 왼쪽메뉴 **/
	.commu_slnb > ul{margin-top:-1px;padding:0;border-radius:0 0 6px 6px;border-color:#005db5;overflow:hidden}
	.commu_slnb ul li { display:block; border-top: none; }
	.commu_slnb_box .commu_slnb{display:none !important}
	.commu_slnb_box .commu_slnb_button { display: inline; font-size: 16px; }
	.commu_slnb_box .commu_slnb_button.on{border-radius:6px 6px 0 0}
	.commu_slnb_box .commu_slnb_button.on + .commu_slnb{display:block !important} 
	.commu_slnb_box .commu_slnb {display:none;position: absolute; top: 44px; left: 0; display: none; width: 100%; }
	.commu_slnb_box .commu_slnb ul li{ font-size: 15px;}
	.commu_slnb_box .commu_slnb ul li a{ background: #ffffff; padding: 10px 20px; line-height: 20px; font-size: 15px; text-align: left; }
	.commu_slnb_box .commu_slnb ul li.active a, .commu_slnb_box .commu_slnb ul li a:hover{ border-color: #d6d6d6; background: #fff; color: #005db5; border-width: 1px; }
	.commu_slnb > ul > li > a.on::before{right:13px}
	.community_info_box{margin-bottom:20px;padding:20px}
	.community_info_box .community_user{margin-bottom:15px}
	.community_info_box p + p{margin-top:8px}
	.cmnt_info_btn{margin-top:15px}
	.commu_slnb > ul > li:first-child > a::before{top:50%;transform:translateY(-50%)}

	.commu_slnb ul li a span { display: inline; }
	.commu_slnb ul li a { padding: 5px 5px; font-size: 1.125em; }

	/* 마이페이지 */
	.mypage_wrap .mypage_left { width: 100%; }
	.mypage_wrap .mypage_right { width: 100%; }	
	.mypage_left_box { border:none; padding: 0; border-radius: 0; margin-bottom: 10px; }	
	.mypage_left_box .left_tit { display: none; }
	.mypage_leftbox ul { margin-top:0; }
	.mypage_left ul li { display:block; border-top: none; }
	.mypage_left_box .mypage_left_button { display: inline; font-size: 16px; border:1px solid #ddd}
	.mypage_left_box .mypage_leftbox { position: absolute; top:42px; left: 0;  display: none;  width: 100%; height:205px; overflow: hidden scroll;border:1px solid #d9d9d9;border-radius:10px}
	.mypage_left_box .mypage_leftbox ul li{ font-size: 15px; border-top:none;background:#fff}
	.mypage_left_box .mypage_leftbox ul li a{ background: #fff; padding: 10px 20px; line-height: 20px; font-size: 15px; text-align: left; }
	.mypage_left_box .mypage_leftbox ul li.active a, .mypage_left_box .mypage_leftbox ul li a:hover{ background:#fff; color: #ff8400; }
	.mypage_leftbox ul li a span { display: inline; }
	.mypage_leftbox ul li a { padding: 5px 5px; font-size: 1.125em; }
	.mypage_left_box .mypage_leftbox ul.subGnb {border-top: 1px solid #d9d9d9;margin-bottom:0;padding:10px 0 20px}
	.mypage_left_box .mypage_leftbox ul.subGnb li{ border: none; position: relative; }	
	.mypage_left_box .mypage_leftbox ul.subGnb li a{ background: #fff; padding: 7px 20px 0 32px; line-height: 20px; font-size: 13px; text-align: left; }
	.mypage_left_box .mypage_leftbox ul.subGnb li a:hover{color:#151515}
	.mypage_left_box .mypage_leftbox ul.subGnb li:before { content: '' ; display: block; position: absolute; top:15px; left: 22px; width: 3px; height: 3px; background: #000; }
	
	/* 장바구니 */
	.cart_list > ul > li { padding: 10px; }
	.cart_list > ul > li .descpt { padding: 115px 10px 10px; }
	.cart_list > ul > li .descpt > span { display: block; }
	.cart_list > ul > li .checkBox { top: 50px; left: 20px; }
	.cart_list > ul > li .thumb { top: 20px; left: 64px; }
	.cart_list .btnBox { position: absolute; top: 60px; }
	.cart_list > ul > li .descpt .subject { font-size: 20px; }
	.cart_list > ul > li .descpt .pt { margin: 5px 0; font-size: 14px; }
	.cart_list > ul > li .descpt .price strong { font-size: 18px; }
	
	.pw1 { width: 40%; text-align: center; }
	.pw2 { width: 60%; text-align: left; } 
	
	.l_ci { display: inline-block; background: url(/resources/images/platform/ci.png) no-repeat; background-size: 120px 30px; width: 120px; height: 30px; text-indent:-9999px; vertical-align: middle; margin:-14px 0 0; }
	
	.platform.Intro_5 { padding: 30px 0 10px; }	
	.platform05_box li { width:100%; margin:0 0 20px; }		
	
	.box1 { padding: 10px; }	
	
	.rss_tab > .w2tabcontrol_tabhost > .w2tabcontrol_li {display: inline-block;width:50%} 
 
	.upTime { display: none;  }
	
	/* 개인정보취급방침 */
	.guid_infoList ul li {width:100%;}
	
	.w2popup_window{max-width: 96%;left: 50% !important;transform: translateX(-50%)}
	
	.titH3 span{font-size:20px}
 }
/** 860px 끝 **/

/** 680px 시작 **/
@media screen and (max-width:680px){
	.comu_rating{margin-top:20px;padding:15px}
}
/** 680px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
	.titH3 span{font-size:18px}
	.platform_slnb_box{margin-bottom:40px}
}
/** 640px 끝 **/

/** 560px 시작 **/
@media screen and (max-width: 560px) { 

	.platform.Intro_1 { margin-bottom: 30px; padding: 0 0 10px; }
	
	/* 플랫폼 소개 */
	.platform h3 { font-size: 20px; }
	.platform h4 { font-size: 18px; padding-bottom: 5px; }

	/* 플랫폼 - 01 */
	.top_txt {font-size: 20px; }
	.top_eng { font-size: 30px; }
	.top_stxt { font-size: 20px; }
	.platform p.poinbigtxt { font-size: 16px; } 

	/* 플랫폼 - 06 */
	.globalBox ul li .txtbox { padding: 15px 180px 15px 10px; }
	.globalBox ul li .txtbox .primary { display: none; }
	.globalBox ul li .imgbox { top: 15px; right: 10px; }
	.globalBox ul li .imgbox img { width: 150px; }
	
	.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_tab_center a {font-size: 14px;line-height: 1.2;} 
	.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a { font-size: 14px; } 
	.w2tabcontrol > .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a span { font-size: 12px; }
	
	/* 플랫폼 메뉴 */
	.platform_slnb ul li {height: 44px;}
	.platform_slnb ul li a{font-size:13px}

	.plat_tbl > * > tr th { font-size: 16px; }
	.plat_tbl > * > tr td { font-size: 14px; padding: 5px 10px; }
	
	.btn { min-width: 60px; height: 40px; padding: 0 5px; line-height: 38px; }
	
	.partstepA li{ width: calc(50% - 20px); margin-bottom: 5px; font-size: 14px; }
	.partstepG li{ width: calc(50% - 20px); margin-bottom: 5px; font-size: 14px; }
	.partstepG li::after{ right: calc(25% - 40px); }
	.partsteptxt li { width: 100%; }
	
	/* 개인정보취급방침 */
	.guidInfoWrap {font-size:14px;}
	.guidInfoWrap h2 {font-size:16px;}
	.guid_infoList ul li {width:100%;}
	.guid_infoList ul li a > span {font-size:16px; font-weight: 600;}
	.guid_infoList ul li a:before {width:50px; height:50px;}
	.guid_infoList ul li a:before {background:url(../../resources/images/contents/guid_ico_group_small.png) no-repeat;}
	.guid_infoList ul li a.ico1:before {background-position:-50px 0;}
	.guid_infoList ul li a.ico2:before {background-position:-100px 0;}
	.guid_infoList ul li a.ico3:before {background-position:1px -50px;}
	.guid_infoList ul li a.ico4:before {background-position:-50px -50px;}
	.guid_infoList ul li a.ico5:before {background-position:-150px 0;}
	.guid_infoList ul li a.ico6:before {background-position:-100px -50px;}
	.guid_infoList ul li a.ico7:before {background-position:-150px -50px;}
	.guid_infoList ul li a.ico8:before {background-position:-200px -50px;}
	.guid_infoList ul li a.ico9:before {background-position:-249px -50px;}
	.guid_infoList ul li a.ico10:before {background-position:-300px -50px;}
	.guid_infoList ul li a.ico11:before {background-position:-350px -50px;}
	.guid_infoList ul li a.ico12:before {background-position:-400px -50px;}
	.guid_infoList ul li a.ico13:before {background-position:-250px 0;}
	.guid_infoList ul li a.ico14:before {background-position:-500px -50px;}
	.guid_infoList ul li a.ico15:before {background-position:-500px -50px;}
	.guid_infoList ul li a.new:before {width:50px; height:50px; background:url(../../resources/images/contents/guid_ico_group_small_new.png) no-repeat;}
	.guid_infoList ul li a.ico1.new:before {background-position:-47px 0;}
	.guid_infoList ul li a.ico2.new:before {background-position:-97px 0;}
	.guid_infoList ul li a.ico3.new:before {background-position:1px -50px;}
	.guid_infoList ul li a.ico4.new:before {background-position:-47px -50px;}
	.guid_infoList ul li a.ico5.new:before {background-position:-147px 0;}
	.guid_infoList ul li a.ico6.new:before {background-position:-97px -50px;}
	.guid_infoList ul li a.ico7.new:before {background-position:-147px -50px;}
	.guid_infoList ul li a.ico8.new:before {background-position:-197px -50px;}
	.guid_infoList ul li a.ico9.new:before {background-position:-246px -50px;}
	.guid_infoList ul li a.ico10.new:before {background-position:-297px -50px;}
	.guid_infoList ul li a.ico11.new:before {background-position:-347px -50px;}
	.guid_infoList ul li a.ico12.new:before {background-position:-397px -50px;}
	.guid_infoList ul li a.ico13.new:before {background-position:-247px 0;}
	.guid_infoList ul li a.ico14.new:before {background-position:-497px -50px;}
	.guid_infoList ul li a.ico15.new:before {background-position:-497px -50px;}
	.dataTable thead th {font-size:14px;}
	
	/* 커뮤니티 */
	.community_head_box{flex-direction:column}
	.community_head_box .community_img_box{max-width:inherit}
	.community_head_box .descpt{width:100%}
	.community_head_box .descpt .opt{gap:8px;align-items:flex-start}
	.community_head_box .descpt .opt .opt_item{display:flex;margin-right:0;padding-right:0;width:calc(50% - 4px)}
	.community_head_box .descpt .opt .opt_item::before{display:none}
	.community_head_box .descpt .opt .opt_item span{word-break:break-all}
	.btn_cumm_mem,
	.btn_cumm_mem_on{width:100%}
 }
/** 560px 끝 **/


/** 450px 시작 **/
@media screen and (max-width: 450px) { 
	
	/* 회원가입 Step */
	.join_wrap .joinStep .step b { display: none; }
	.join_wrap .joinStep .step br { display: block; }
	
	/* 개인정보취급방침 */
	.guidInfoWrap {font-size:14px;}
	.guidInfoWrap h2{font-size:14px;}
	.guid_infoLabel .label_info {width:100%;padding:15px 5px}
	.guid_infoList ul li {width:100%;}
	.guid_infoList ul li a > span {font-size:14px; font-weight: 600;}
	.guid_infoList ul li a:before {width:50px; height:50px;}
	.guid_infoList ul li a:before {background:url(../../resources/images/contents/guid_ico_group_small.png) no-repeat;}
	.guid_infoList ul li a.ico1:before {background-position:-50px 0;}
	.guid_infoList ul li a.ico2:before {background-position:-100px 0;}
	.guid_infoList ul li a.ico3:before {background-position:1px -50px;}
	.guid_infoList ul li a.ico4:before {background-position:-50px -50px;}
	.guid_infoList ul li a.ico5:before {background-position:-150px 0;}
	.guid_infoList ul li a.ico6:before {background-position:-100px -50px;}
	.guid_infoList ul li a.ico7:before {background-position:-150px -50px;}
	.guid_infoList ul li a.ico8:before {background-position:-200px -50px;}
	.guid_infoList ul li a.ico9:before {background-position:-249px -50px;}
	.guid_infoList ul li a.ico10:before {background-position:-300px -50px;}
	.guid_infoList ul li a.ico11:before {background-position:-350px -50px;}
	.guid_infoList ul li a.ico12:before {background-position:-400px -50px;}
	.guid_infoList ul li a.ico13:before {background-position:-250px 0;}
	.guid_infoList ul li a.ico14:before {background-position:-500px -50px;}
	.guid_infoList ul li a.ico15:before {background-position:-500px -50px;}
	.guid_infoList ul li a.new:before {width:50px; height:50px; background:url(../../resources/images/contents/guid_ico_group_small_new.png) no-repeat;}
	.guid_infoList ul li a.ico1.new:before {background-position:-47px 0;}
	.guid_infoList ul li a.ico2.new:before {background-position:-97px 0;}
	.guid_infoList ul li a.ico3.new:before {background-position:1px -50px;}
	.guid_infoList ul li a.ico4.new:before {background-position:-47px -50px;}
	.guid_infoList ul li a.ico5.new:before {background-position:-147px 0;}
	.guid_infoList ul li a.ico6.new:before {background-position:-97px -50px;}
	.guid_infoList ul li a.ico7.new:before {background-position:-147px -50px;}
	.guid_infoList ul li a.ico8.new:before {background-position:-197px -50px;}
	.guid_infoList ul li a.ico9.new:before {background-position:-246px -50px;}
	.guid_infoList ul li a.ico10.new:before {background-position:-297px -50px;}
	.guid_infoList ul li a.ico11.new:before {background-position:-347px -50px;}
	.guid_infoList ul li a.ico12.new:before {background-position:-397px -50px;}
	.guid_infoList ul li a.ico13.new:before {background-position:-247px 0;}
	.guid_infoList ul li a.ico14.new:before {background-position:-497px -50px;}
	.guid_infoList ul li a.ico15.new:before {background-position:-497px -50px;}
	.dataTable thead th {font-size:14px;}

 }
/** 450px 끝 **/

@media screen and (max-width:360px){
	.community_head_box .descpt .opt .opt_item{width:100%}
}