@charset "utf-8";

@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src:url(font/NotoSansKR-Regular.woff2) format('font-woff2'),
    url(font/NotoSansKR-Regular.woff) format('font-woff'),
    url(font/NotoSansKR-Regular.otf) format('opentype');
}

@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:500;
    src:url(font/NotoSansKR-Medium.woff2) format('font-woff2'), 
    url(font/NotoSansKR-Medium.woff) format('font-woff'),
    url(font/NotoSansKR-Medium.otf) format('opentype');
}



@font-face{
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:bold;
    src:url(font/NotoSansKR-Bold.woff2) format('font-woff2'),
    url(font/NotoSansKR-Bold.woff) format('wfont-off'),
    url(font/NotoSansKR-Bold.otf) format('opentype');
}

*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{padding:0;margin:0;}

html,body{width:100%;height:100%;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{height:100vh;line-height:normal;color:rgb(56, 56, 56);font-size:1.5rem;font-weight:500;background:#fff;}
body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p,a,button,li,div{margin:0rem;padding:0rem;letter-spacing: -0.05rem;font-family:'Noto Sans KR','Nanum Barun Gothic','Malgun Gothic',맑은 고딕, Verdana,Arial, '돋움', Dotum;}
table{border-collapse:collapse;border-spacing:0rem;}
fieldset, img, abbr, acronym{margin:0rem;border:0rem;_vertical-align:top;}
address, caption, cite, code, dfn, em, var{font-style:normal;font-weight:normal;}
ol,ul,menu{list-style:none;}
legend{position:absolute;visibility:hidden;height:0;line-height:0;font-size:0.1rem;}
q:before, q:after{content:'';}
/* a{color:#555;text-decoration:none;} */
a:hover{text-decoration:none;}
hr{display:none;}
em{color:inherit;font-weight:normal;font-style:normal;}
table caption{display:none;}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;} 

table input[type=text]:first-child:nth-last-child(1){width:100%;}


.select_type,.input_type{height:3.2rem;border:0.1rem solid #dadada;border-radius:0.3rem;background:#fff;}

.select_type{min-width:8rem;}
.w_full{width:100% !important;}
.not_scroll{position:fixed;overflow:hidden;width:100%;height:100%;}

.mgb_15{margin-bottom:1.5rem!important;}
.mgb_30{margin-bottom:3rem!important;}

#header .all_menu:focus{border:0;}
#header .all_menu.on{border:0.2rem solid #000;}
#header .all_menu.on::after{content:'';width:3rem;height:3rem;background:url(../images/common/all_menu_close.png) no-repeat 50% 50%;}

#gnb{clear:both;z-index:30;}
#gnb li .nav_menu_a{display:block;font-size:1.8rem;color:#333;line-height:5.4rem;font-weight:bold }
#gnb li .nav_menu_a.on{color:#01a4ba;}
#gnb li .last_a{background:none;}
.header:after, .gnb:after, .top_util:after, .txt_box:after, .top_util .txt_box:after, .footer:after, .f_util:after, .mark_list:after{display:block;clear:both;content:" ";}
#gnb .menu{position:relative;float:left;width:15rem;}

#gnb .menu:first-child, .top_util .util li:first-child, .top_util .top_roll ul li:first-child, .f_util li:first-child{margin-left:0;padding-left:0;background:none;}

#gnb .sub_menu{display:none;position:absolute;left:0;top:5.1rem;z-index:30;border-right:0.1rem solid #e9e9e9;width:100%;height:15rem;}
#gnb .sub_menu ul{text-align:left;padding:1.7rem 0 0 0;height:15rem;}

#gnb .sub_menu li{float:none;padding:0 0 0 0.8rem;margin-bottom:1rem;}
#gnb .sub_menu li:last-child{margin-bottom:0;}
#gnb .sub_menu li a{color:#281a1a;padding:0 0 0 0.6rem;font-size:1.6rem;display:block;line-height:2.4rem;text-align:left;}
#gnb .sub_menu.on{z-index:40;}
#gnb .sub_menu.on ul{position:relative;}
#gnb .sub_menu.on ul:after{content:'';display:block;height:0.3rem;width:100%;position:absolute;top:-0.3rem;left:0;background:#01a4ba;}

#gnb .sub_menu.on .nav_sub_icon01{background:url(../img/background/nav_sub_icon01_on.png) no-repeat right bottom;}
#gnb .sub_menu.on .nav_sub_icon02{background:url(../img/background/nav_sub_icon02_on.png) no-repeat right bottom;}
#gnb .sub_menu.on .nav_sub_icon03{background:url(../img/background/nav_sub_icon03_on.png) no-repeat right bottom;}
#gnb .sub_menu.on .nav_sub_icon04{background:url(../img/background/nav_sub_icon04_on.png) no-repeat right bottom;}

#gnb .sub_menu a:hover{text-decoration:underline;}
#gnb .sub_menu .line_space{width:6.1rem;}

.gnb_bg{border-top:0.1rem solid #e2dedd;border-bottom:0.1rem solid #e2dedd;display:none;position:absolute;left:0rem;right:0rem;top:6rem;width:100%;height:15rem;background:#fff;z-index:10;overflow:hidden;/* box-shadow:0 0.7rem 0.7rem 0 #222, 0 0.7rem 0.7rem 0 transparent;*/ }  
.gnb_bg .bg_wrap{background:#fff url(../img/background/nav_drop_bg.png) no-repeat left bottom;height:15rem;width:120rem;margin:0 auto;} 
.gnb_back_bg{content:'';display:block;clear:both;position:fixed;width:100%;top:9.7rem;left:0;right:0;bottom:0;height:100%;background:#000;opacity:0.4;z-index:9;text-indent:-999.9rem;overflow:hidden;}

/** npc **/
.blind,.m22_blind{z-index:2;}
.m22_blind{content:'';display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;}
body.on .m22_blind,.not_scroll .m22_blind{display:block !important;opacity:0.5 !important;} 

.m22_header{background:#fff;border-bottom:0.1rem solid #01a4ba;position:relative;z-index:2;} 
.m22_h_inner{padding:1rem 0 1rem 0;}
.m22_h_inner:after{clear:both;}
.m22_h_inner:after,
.m22_h_inner:before{display:table;content:" ";}
.m22_h_inner h1{float:left;margin:0 8rem 0 0;}
.m22_h_inner h1 a{font-size:2.1rem;color:#000;position:relative;padding:1rem 0 0 10rem;height:5.4rem;display:block;}
.m22_h_inner h1 a:after{content:'';display:block;position:absolute;left:0;top:0;width:9.4rem;height:5.4rem;background:url(../img/background/m22_logo.png) no-repeat 0 0;}
.m22_col_width{max-width: 1450px;width: 100%;margin: 0 auto;padding: 0 2rem;}
.m22_nav{float:left;}
.m22_nav ul li{float:left;margin-right:4.5rem }
.m22_nav ul li a{display:block;font-size:1.8rem;color:#333;line-height:5.4rem;font-weight:bold  }
.m22_h_right{float:right;margin:1.3rem 0 0 0rem;}
.m22_h_right a{display:block;border:0.1rem solid #c3c3c3;border-radius:0.2rem;width:6.8rem;text-align:center;line-height:2.6rem;text-align:center;}

.m22_hidden_t{display:block;overflow:hidden;position:absolute;top:-1000em;left:0;width:0.1rem;height:0.1rem;margin:0;padding:0;font-size:0;line-height:0  }

.top_nav_wrap{float:left;margin:0;} 
.m22_h_mobile_r{display:none;margin:1.2rem 0 0 1rem;float:right}

.h_r_nav{float:right;}
.h_r_nav_bt{overflow:hidden;float:left;display:block;width:2.8rem;height:2.8rem;border:0;border-radius:2rem;text-indent:-999.9rem;transition:background-color 0.3s ease;background:url(../img/background/h_nav_icon.png) no-repeat center center/cover;}
.h_r_nav_bt:hover{background-color:#fff;}

.header_login{float:left;margin:1.7rem 0 0 0.5rem;}
.header_login .h_login_bt{display:block;color:#fff;padding:0 1.5rem;line-height:4rem;border-radius:2rem;background:#1762ad;}
.header_login .h_login_bt:hover{background:#114a82;}

.m22_visual_wrap{background: 0;padding: 3rem 0;border-top:0.1rem solid #fff;}
.m22_visual_box{min-height:13.6rem;padding: 2.2rem 5.4rem 2.2rem 45rem;border-radius:1rem;background:#00a4ba url(../img/background/m22_visual_bg.png) no-repeat 0 50%;display: flex;align-items: center;justify-content: flex-start;}

.m22_v_t_box{margin-right: auto;}
.m22_v_t_box h3{font-size:2.6rem;color:#fff;font-weight:500;margin-bottom:0.5rem;}
.m22_v_t_box p{font-size:1.6rem;color:#fff;font-weight:500;}
.m22_v_t_box p span{display:block;color:#feb358;}
                   
.m22_v_num{overflow:hidden;position:relative;}
.m22_v_num ul{display:flex;}
.m22_v_num ul li{float: inherit;display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:center;position:relative;width:9rem;height:9rem;margin-left:2.6rem;border-radius:4.5rem;background:#fff;}
.m22_v_num ul li:before{content:'';display:block;position:absolute;left: -100%;top:50%;width:100%;height:0.3rem;background:#fff;}
.m22_v_num ul li:first-child{margin-left:0;}
.m22_v_num ul li:first-child:before{display:none;}
.m22_v_num ul li span,.m22_v_num ul li em{position:relative;}
.m22_v_num ul li span{color:#333;font-size:1.4rem;text-align: center;width: 100%;}
.m22_v_num ul li em{font-size:2.8rem;margin-top:0.5rem;width: 100%;text-align: center;}        

.m22_notice_wrap{position:relative;}

.m22_notice_h3{margin-bottom:1rem;}
.m22_notice_h3 a{font-size:2.1rem;color:#333;font-weight:bold;padding:0 2rem 0 0;background:url(../img/background/m22_plus_icon.png) no-repeat right 50%;display:inline-block;}

.m22_n_slide_bt{position:absolute;right:0;top:0;}
.m22_n_slide_bt span{display:inline-block;line-height:3rem;margin:0 0.5rem 0 0;vertical-align:top;}
.m22_n_slide_bt a{display:inline-block;border:0.1rem solid #929394;width:3rem;height:3rem;overflow:hidden;text-indent:-999.9rem;}
.m22_n_slide_bt a.m22_slide_prev{background:#929394 url(../img/background/m22_slide_arr.png) no-repeat 1rem 50%;}
.m22_n_slide_bt a.m22_slide_next{background:#929394 url(../img/background/m22_slide_arr.png) no-repeat -1.9rem 50%;}
.m22_n_slide_bt a.fb_play{display:none;background:#929394 url(../img/background/m22_slide_play.png) no-repeat 50% 50%;}
.m22_n_slide_bt a.fb_stop{background:#929394 url(../img/background/m22_slide_pause.png) no-repeat 50% 50%;}
#m22_notice_slide_box .owl-dots{display:none;}

.m22_notice_none{background:#fff;border-radius:1.5rem;text-align:center;min-height:21rem;padding:2rem 2rem 0 2rem;}
.m22_notice_none p{font-size:1.8rem;}
.m22_notice_none p strong{color:#00a4ba;font-weight:500;}
.m22_notice_none p span{display:block;}
.m22_large_bt{display:inline-block;width:100% !important;max-width:33.8rem;padding:0 1.5rem;line-height:5.6rem;color:#fff !important;font-size:1.8rem;background:#00a4ba;border-radius:0.5rem;}

.m22_notice_none .m22_large_bt{margin-top:3rem;}

.m22_slide_wrap{margin:0 -1.2rem;}
.m22_slide_wrap:after{clear:both;}
.m22_slide_wrap:after,
.m22_slide_wrap:before{content:" ";display:table;}
.m22_s_item{float:left;width:33.333333%;padding:0 1.2rem;}

.m22_s_i_con{background:#fff;border-radius:1.5rem;padding:3.4rem 3.8rem;/* min-height:30.5rem;*/ }

.m22_n_cate{display:inline-block;border:0.1rem solid #0e4194;line-height:2.6rem;padding:0 2rem;color:#0e4194;margin-bottom:0.8rem;}
.m22_s_i_link{display:block;height:6rem;overflow:hidden;font-size:1.6rem;color:#333;}

.m22_s_i_bottom{border-top:0.1rem solid #333;padding:1rem 0 0 0;}
.m22_s_i_bottom ul li{position:relative;padding:0 0 0 1rem;font-size:1.6rem;font-weight:300;}
.m22_s_i_bottom ul li:after{content:'';display:block;position:absolute;left:0;top:1.3rem;width:0.4rem;height:0.4rem;border-radius:0.2rem;background:#333;}
                 
.m22_content_wrap{margin:0 0 7rem 0}

.m22_list_option_box{border:0.1rem solid #e7e7e7;border-top:0.2rem solid #000;border-bottom:0.1rem solid #999;background:#f8f9fa;padding:1rem 4rem 0.3rem 4rem;}
.m22_list_option_box:after{clear:both;}
.m22_list_option_box:after,
.m22_list_option_box:before{display:table;content:" ";}
.m22_list_option_inner{position:relative;padding:0 10rem 0 0;} 
.m22_l_o_bt{position:absolute;right:0;top:0;width:6.8rem;height:3.2rem;background:#4b5a6f;color:#fff;text-align:center;line-height:3.2rem;border-radius:0.4rem;border:0rem;}
.m22_l_i_box{float:left;margin:0 2.5rem 0.7rem 0;}
.m22_l_i_box:last-child{margin:0 0rem 0 0;}
.m22_l_i_t{float:left;line-height:3.2rem;font-size:1.6rem;}
.m22_l_i_sel{margin:0 0 0 9rem;}
.m22_l_i_state{margin:0 0 0 9rem;position:relative;width:22rem;}
.m22_l_i_state .select_type{float:left;width:8rem;}

.m22_l_i_int{margin:0 0 0 9rem;display:block;}
.m22_l_i_int .input_type{width:100%;}

.m22_list_tab_area{padding:1.4rem 0rem 1.4rem 0;border-bottom:0.1rem solid #999;position:relative;}
.m22_list_tab_area:after{clear:both;}
.m22_list_tab_area:after,
.m22_list_tab_area:before{display:table;content:" ";}
.m22_l_t_box{float:left;}
.m22_l_t_box ul li{position:relative;float:left;padding:0 1.3rem 0 0;margin-right:1.2rem;}
.m22_l_t_box ul li:after{content:'';display:block;position:absolute;right:0;top:0.4rem;width:0.1rem;height:1.9rem;background:#454545;}
.m22_l_t_box ul li:last-child{padding:0 0rem 0 0;margin-right:0rem;}
.m22_l_t_box ul li:last-child:after{display:none;}
.m22_l_t_box ul li a{display:block;font-weight:bold;font-size:1.8rem }
.m22_l_t_box ul li a span{color:#00a4ba;}

.m22_l_t_right{position:absolute;right:0;top:1.2rem;}

.m22_list_header_box{border-bottom:0.1rem solid #bfbfbf;display:flex;text-align:center;padding:1rem 0}
.m22_l_c_180{flex-shrink:0;width:18rem;}
.m22_l_c_140{flex-shrink:0; width:14rem;}
.m22_l_c_grow{flex-grow:1;}

.m22_l_n_state{position:absolute;right:4rem;top:50%;width:6.8rem;height:4.6rem;margin:-2.3rem 0 0 0;line-height:4.6rem;color:#fff;text-align:center;border-radius:0.4rem;background:#00a4ba;}

.m22_l_notice_box{position:relative;border-bottom:0.1rem solid #e5e5e5;padding:1rem 0;overflow:hidden;}
.m22_l_n_num{float:left;text-align:center;width:18rem;font-size:1.6rem;}
.m22_l_n_box{margin:0 14rem 0 18rem;padding:0 2rem;text-align:left;}

.m22_l_n_link{display:block;overflow:hidden;font-size:1.6rem;color:#333;margin-bottom:1rem;}
.m22_l_n_bottom ul li{position:relative;padding:0 0 0 1rem;font-size:1.6rem;font-weight:300;float:left;margin-right:3rem;color:#606060;}
.m22_l_n_bottom ul li:after{content:'';display:block;position:absolute;left:0;top:0.9rem;width:0.4rem;height:0.4rem;border-radius:0.2rem;background:#333333;}

/* paginate  */
.m22_paginate_complex{margin:2rem 0 3rem;line-height:normal;text-align:center;}

.m22_paginate_complex a,
.m22_paginate_complex strong{display:inline-block;position:relative;min-width:3.2rem;margin:0rem;padding:0rem 0.8rem;line-height:3.2rem;color:#777;font-size:1.3rem;text-decoration:none;vertical-align:middle;border:0.1rem solid #d2d2d2;z-index:2;}

.m22_paginate_complex a:hover,
.m22_paginate_complex a:active,
.m22_paginate_complex a:focus{background-color:#f8f8f8;}

.m22_paginate_complex strong{color:#111;font-weight:bold;border-color:#787878;}

.m22_paginate_complex .direction{width:3.4rem;height:3.4rem;margin:0;text-indent:-999.9rem;text-decoration:none !important;border:0.1rem solid #dcdbdb;z-index:1;}
.m22_paginate_complex .prev{margin-left:0.4rem;background:#fff url(../img/background/m22_page_prev.png) no-repeat 50% 50%;}
.m22_paginate_complex .next{margin-right:0.4rem;background:#fff url(../img/background/m22_page_next.png) no-repeat 50% 50%;}

.m22_paginate_complex .direction:hover,
.m22_paginate_complex .direction:active,
.m22_paginate_complex .direction:focus{position:relative;border:0.1rem solid #636363;z-index:999;}

.m22_footer{border-top:0.1rem solid #dcdcdc;}
.m22_f_link_box{border-bottom:0.1rem solid #dcdcdc;background:#f3f5f7;}
.m22_f_link_inner ul{overflow:hidden;}
.m22_f_link_inner ul li{float:left;margin:0 2rem 0 0;padding:1rem 0;}
.m22_f_link_inner ul li:last-child{margin:0;}
.m22_f_link_inner ul li a{display:block;font-size:1.4rem;}
    
.m22_footer_c{padding:1.5rem 0;}
.m22_footer_c h2{overflow:hidden;float:left;width:11.3rem;height:4.4rem;text-indent:-999.9rem;background:url(../img/background/m22_footer_logo.png) no-repeat 0 0;}
.m22_footer_c p{margin:0 0 0 14rem;line-height:2rem;font-size:1.4rem;font-weight:300;}
    
.m22_sub_container{margin:0 0 5rem;}

.m22_sub_visual_wrap{background:#01a4ba;margin-bottom:2rem;}
.m22_sub_visual_wrap .m22_visual_box{min-height:12rem;padding: 1.5rem 5.4rem 1.5rem 45rem;background-position:0 40%;}
.m22_s_h3_title{font-size:2.1rem;color:#333;margin-bottom:1rem}

.m22_tlb_view{width:100%;border-top:0.2rem solid #454545 }
.m22_tlb_view thead th{font-size:1.6rem;color:#333;padding:0.5rem 1rem 0.5rem 1rem;text-align:center;border-right:0.1rem solid #bebebe;border-bottom:0.1rem solid #bebebe;background:#eef7f8;}
.m22_tlb_view thead th:last-child{border-right:0rem solid #bebebe;}
.m22_tlb_view tbody th,.m22_tlb_view tbody td{padding:0.5rem 1rem;font-size:1.6rem;border-right:0.1rem solid #bebebe;border-bottom:0.1rem solid #bebebe;}
.m22_tlb_view tbody th{color:#333;text-align:left;background:#eef7f8;}
.m22_tlb_view tbody td:last-child{border-right-width:0}
.m22_tbl_t{font-size:1.6rem;font-weight:300;margin-bottom:0.7rem;} 
.m22_tbl_t:last-child{margin-bottom:0;} 
.m22_tlb_view .co_th{width:15rem;}

.m22_tbl_al_c{text-align:center !important;}

.m22_tbl_date .input_type{width:7.8rem;}

.m22_tbl_ul li{position:relative;font-size:1.6rem;font-weight:300;padding:0 0 0 1rem;margin-bottom:0.7rem;}
.m22_tbl_ul li:last-child{margin-bottom:0rem;}
.m22_tbl_ul li:before{content:'';display:block;width:0.4rem;height:0.4rem;background:#6d6d6d;position:absolute;left:0;top:0.8rem;} 
.m22_tbl_ul li ul{margin:0.2rem 0 0 0}
.m22_tbl_ul li ul li:before{height:0.2rem;top:1rem;}
.m22_tbl_pic{border:0.1rem solid #ddd;width:9rem;height:11rem }
.m22_tbl_bt{display:inline-block;width:3.2rem;height:3.2rem;background:#4b5a6f;color:#fff;text-align:center;line-height:3.2rem;border-radius:0.4rem;border:0rem;}

.jui .tui-datepicker-input{border-color:#d7d9dd !important}

.inputs{display:flex;flex-direction:row;margin-top:2rem;}
.inputs .left{display:flex;flex-direction:column;justify-content:space-between;width:100%;}
.inputs input{width:100%;border-radius:0.3rem}
.inputs .password{position:relative;}
.inputs .password .hide{position:absolute;top:0.3rem;right:0.5rem;width:3rem;height:3rem;font-size:0;background:url("/static/common/images/password-hide.png") no-repeat center/2.4rem;z-index:2;}
.inputs .password .show{background:url("/static/common/images/password-show.png") no-repeat center/2.4rem;}
.inputs button{width:10.7rem;height:8rem;margin-left:1rem;line-height:7.8rem;color:#fff;font-size:1.6rem;font-weight:700;text-align:center;border-radius:0.3rem;background:#0E4194;}
.save_id{font-size:1.5rem;}
.save_id input{margin-right:0.4rem;vertical-align:middle;}

/* 레이어 팝업*/
.PopupWrap{display:none;width:40.6rem;border:0.1rem solid #ccd3db;border-radius:1rem;box-shadow:0 0.4rem 2rem rgba(72,72,72,0.3);background:#fff;}
.Popup_md{width:48rem;}
.PopupInner{padding:2.5rem 3rem 3rem;}
.PopupHeader{position:relative;padding:0 0 1.5rem;}
.PopupHeader h3{color:#333;font-size:1.6rem;font-weight:bold;}
.PopupHeader .Popupclose{overflow:hidden;position:absolute;right:0;top:0;width:3rem;height:3rem;margin-top:-0.2rem;text-indent:-999.9rem;background:url(/static/common/images/popup_close_bt.png) no-repeat center center;}

.PopupBody{border-top:0.1rem solid #c3c3c3;border-bottom:0.1rem solid #c3c3c3;padding-bottom:1.5rem;}
.PopupBody .strong_text{font-size:2rem;font-weight:bold;margin-bottom:1rem}
.PopupBody .strong_text span{display:block;font-size:2rem;font-weight:bold;}
.PopupBody p{color:#222;font-size:1.6rem;}

.Popupbottom,.PB_bt_box{display:flex;}
.Popupbottom{justify-content:space-between;align-items:center;position:relative;margin-top:1rem;}
.Popupbottom .PB_Info{min-height:4.8rem;}
.Popupbottom .PB_bt_box li{position:relative;padding:0 0 0 1.5rem;}
.Popupbottom .PB_bt_box li:after{content:'';display:block;position:absolute;top:0.9rem;left:0.7rem;width:0.1rem;height:1.4rem;background:#c3c3c3;}
.Popupbottom a{display:inline-block;padding:0 0.4rem;line-height:1.8rem;font-size:1.6rem;border:0;}

/** overriding :20221026 **/
i{font-style:normal}

/** font align **/
.ta_r{text-align:right !important;}
.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}

.va_t{vertical-align:top !important;}
.va_m{vertical-align:middle !important;}

/** font-color **/
.cl_red{color:#f00 !important;}
.cl_blue{color:#005ca3 !important;}
.cl_blue_light{color:#3b59d9 !important;}
.cl_sky{color:#317acd !important;}
.cl_green{color:#149000 !important;}
.cl_orange{color:#f05630 !important;}
.cl_gray{color:#474747 !important;}
.cl_gray_light{color:#666 !important;}
.cl_black{color:#000 !important;}

/** Form Basic **/
input[type='text'],input[type='password'],input[type='file'],input[type="radio"],input[type="checkbox"],select,textarea{color:#666;border:0.1rem solid #d7d9dd;vertical-align:middle}
input[type='text'],input[type='password'],input[type='file'],select{height:3.2rem !important;padding:0.1rem 0.6rem}
input[type='password']{-webkit-text-security:disc;font-family:Verdana,sans-serif}
input[type='file']{width:100%;padding:0.2rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}
input[type='file']::-ms-value,input[type='file']::-ms-browse{border:0.1rem solid #e1e3e7}
input[type='file']::-ms-value{background:#fff}
input[type='file']::-ms-browse{background:#f7f7f7}

input[type='text'][disabled],textarea[disabled],
input[type='text'][readonly],textarea[readonly]{background:#f7f7f8}

input[type='text'].error,input[type='password'].error,select.error,textarea.error{position:relative;color:#e41e1e;border-width:0.2rem;border-color:#e41e1e}
input[type='text'].error,input[type='password'].error,select.error{height:3rem}

textarea{overflow:auto;width:100%;height:13rem;padding:0.5rem;resize:none}

select{padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/common/bul_arr01.png) no-repeat no-repeat calc(100% - 1rem) 50% !important;}
select::-ms-expand{display:none}
select[disabled]{color:#999;background-color:#f7f7f8}

input[type="radio"]{border-radius:50%}
input[type="checkbox"]{border-radius:0}
input[type="radio"],input[type="checkbox"]{width:1.4rem;height:1.4rem;}
input[type="radio"] + label,input[type="checkbox"] + label{padding-left:0.5rem;padding-right:2.8rem;line-height:2rem;vertical-align:middle;cursor:default}

input::placeholder,textarea::placeholder{color:#aaa;font-size:1.4rem;font-weight:300;}
input:focus::placeholder,
textarea:focus::placeholder{color:transparent !important}

/** layout **/
#header .layout #gnb_wrap,#header .layout #gnb_wrap .logo,#header .layout #gnb_wrap #gnb > ul,#header .layout #gnb_wrap #gnb > ul > li > a{display:flex;align-items:center}
#header .layout #gnb_wrap .logo,#header .layout .top_util{position:relative;top:inherit;}

#header .layout #gnb_wrap{justify-content:space-between;}
#header .layout #gnb_wrap .logo{transform:translateY(0)}
#header .layout #gnb_wrap .logo span{padding-left:0.5rem;}

#header .layout #gnb_wrap #gnb{width:auto;margin:0}
#header .layout #gnb_wrap #gnb > ul > li{display:block;padding: 0 3rem;}
#header .layout #gnb_wrap #gnb > ul > li > a{padding:0 1rem;}
#header .layout #gnb_wrap #gnb > ul > li > a:hover:before{width:100%;}

#header .layout .top_util{right:inherit;margin-top:0;padding-right:0;}
#header .layout .top_util>a.btn_style_login{margin-top:0;}
#header .all_menu{display:none;}

.mobile_wrap.on{visibility:hidden;opacity:0}

.wrap_content{max-width: 1450px;min-height: 80vh;width: 100%;margin:0 auto;padding: 2rem;}



/** contents **/
/** width %,px common **/
[class*='w_per'],[class*='w_px']{display:flex;align-items:center;min-width:inherit !important;max-width:inherit !important;}
[class*='w_per'] *{margin-left:1rem;}
[class*='w_per'] *:first-child{margin-left:0;}

/** width % **/
.w_per100{width:100% !important}
.w_per95{width:95% !important}
.w_per90{width:90% !important}
.w_per85{width:85% !important}
.w_per80{width:80% !important}
.w_per75{width:75% !important}
.w_per70{width:70% !important}
.w_per65{width:65% !important}
.w_per60{width:60% !important}
.w_per55{width:55% !important}
.w_per50{width:50% !important}
.w_per45{width:45% !important}
.w_per40{width:40% !important}
.w_per35{width:35% !important}
.w_per30{width:30% !important}
.w_per25{width:25% !important}
.w_per20{width:20% !important}
.w_per15{width:15% !important}
.w_per10{width:10% !important}
.w_per5{width:5% !important}

/** width px **/
.w_px400{width:40rem !important}
.w_px390{width:39rem !important}
.w_px380{width:38rem !important}
.w_px370{width:37rem !important}
.w_px360{width:36rem !important}
.w_px350{width:35rem !important}
.w_px340{width:34rem !important}
.w_px330{width:33rem !important}
.w_px320{width:32rem !important}
.w_px310{width:31rem !important}
.w_px300{width:30rem !important}
.w_px290{width:29rem !important}
.w_px280{width:28rem !important}
.w_px270{width:27rem !important}
.w_px260{width:26rem !important}
.w_px250{width:25rem !important}
.w_px240{width:24rem !important}
.w_px230{width:23rem !important}
.w_px220{width:22rem !important}
.w_px210{width:21rem !important}
.w_px200{width:20rem !important}
.w_px190{width:19rem !important}
.w_px180{width:18rem !important}
.w_px170{width:17rem !important}
.w_px160{width:16rem !important}
.w_px150{width:15rem !important}
.w_px140{width:14rem !important}
.w_px130{width:13rem !important}
.w_px120{width:12rem !important}
.w_px110{width:11rem !important}
.w_px100{width:10rem !important}
.w_px90{width:9rem !important}
.w_px80{width:8rem !important}
.w_px70{width:7rem !important}
.w_px60{width:6rem !important}
.w_px50{width:5rem !important}
.w_px40{width:4rem !important}
.w_px30{width:3rem !important}
.w_px20{width:2rem !important}
.w_px10{width:1rem !important}

.m_l_px5{margin-left:0.5rem;}
.m_l_px10{margin-left:1rem;}

/** title style **/
[class*="tit_"]{display:flex;align-items:flex-end;position:relative;margin: 5rem 0 1.5rem;color:#222;font-weight:500;}
[class*="tit_"] i{margin-left:0.7rem;line-height:2rem;color:#888;}
[class*="tit_bul"]:before{content:'';display:block;position:absolute;left:0.1rem;background-repeat:no-repeat;background-position:0 0;}

.tit_bul01,.tit_txt01{line-height:2.2rem;font-size:1.9rem;}
.tit_bul02,.tit_txt02{line-height:2.1rem;color:#285bc2;font-size:1.8rem;}
.tit_bul03,.tit_txt03{line-height:2rem;font-size:1.7rem;}
.tit_bul04,.tit_txt04{line-height:1.9rem;font-size: 2.2rem;}

.tit_bul01{color:#000;font-size:2.2rem;}
.tit_bul02{color:#191919;}

/** bul style **/
.bul_type01,.bul_type02,.bul_type03,.bul_type04,.bul_arrow_t,.bul_arrow_r,.bul_arrow_b,.bul_arrow_l{position:relative;padding:0.2rem 0 0.2rem 2rem;font-weight:500;}
.bul_type01:before,.bul_type02:before,.bul_type03:before,.bul_type04:before,.bul_arrow_t:before,.bul_arrow_r:before,.bul_arrow_b:before,.bul_arrow_l:before{content:'';display:block;position:absolute;background:#bdbec7;}

.bul_type01{color:#222;font-size:1.8rem;font-weight:500;}
.bul_type02{margin:0.5rem 0;padding-left:1.8rem;text-align:left;}
.bul_type03{padding-left:1.2rem;}
.bul_type04{padding-left:1.3rem;}

.bul_type01:before{top:0.9rem;left:0;;width:0.7rem;height:0.8rem;}
.bul_type02:before{top:1.3rem;left:0.3rem;width:0.8rem;height:0.2rem;}
.bul_type03:before{top:1.3rem;left:0;width:0.5rem;height:0.2rem;}
.bul_type04:before{top:1.2rem;left:0.2rem;width:0.3rem;height:0.3rem;}
.bul_type05:before{content:':';top:0;left:0.7rem;background:none;}
    /** etc **/
    ul[class*='bul_']{margin:1rem 0;padding:0;}
    ul[class*='bul_']>li{position:relative;margin:0.5rem 0;padding:0.2rem 0 0.2rem 1.8rem;line-height:2.2rem;font-weight:400;word-break:break-all}
    ul[class*='bul_']>li:first-child{margin-top:0;}
    ul[class*='bul_']:before{display:none;}
    ul[class*='bul_']>li:before{content:'';display:block;position:absolute;background:#bdbec7;}
    u.bul_type01>li{color:#222;font-size:1.8rem;}
    ul.bul_type01>li:before{top:1.1rem;left:0;width:0.7rem;height:0.8rem;}
    ul.bul_type02{padding-left:1.8rem;}
    ul.bul_type02>li:before{top:1.3rem;left:0.3rem;width:0.8rem;height:0.2rem;}
    ul.bul_type03>li{padding-left:1.2rem;}
    ul.bul_type03>li:before{top:1.2rem;left:0;width:0.5rem;height:0.2rem;}
    ul.bul_type04>li{padding-left:1.3rem;}
    ul.bul_type04>li:before{top:1.3rem;left:0.2rem;width:0.3rem;height:0.3rem;}
    ul.bul_type05>li{padding-left:1.6rem;}
    ul.bul_type05>li:before{content:':';top:0;left:0.7rem;}

    [class*='bul_'],[class*='bul_'] [class*='bul_'],[class*='bul_'] [class*='bul_'] li{font-weight:normal;}
    [class*='bul_'] [class*='bul_']{margin:0.5rem 0;}
    [class*='bul_'] [class*='bul_'] li{margin:0.2rem 0;}

/** box common **/
[class*='box_type']{position:relative;margin:2.5rem 0;padding:2.5rem;border-radius:0.5rem;background:#f7f7f7;}
[class*='box_type'],[class*='box_type'] > p{line-height:2.6rem;font-size:1.7rem;letter-spacing:-0.08rem;}
[class*='box_type'] > p{margin-top:1rem;}
[class*='box_type'] .f_bold{color:#222;font-weight:500;}
[class*='box_type'] > p:first-child,[class*='box_type'] [class*='bul_']:first-child,[class*='box_type'] [class*='tip_']:first-child{margin-top:0;}
[class*='box_type'] [class*='bul_']{margin:1rem 0 0;}
[class*='box_type'] [class*='bul_']:before,[class*='box_type'] [class*='bul_'] li:before{top:1.3rem;}

[class*='box_type'] .box_tit01{line-height:3rem;color:#111;font-size:2.5rem;}

.box_type01,.box_type01 > p,.box_type01 [class*='bul_'] li{line-height:1.8rem;font-size:1.5rem;}
.box_type02{padding:1rem 1.5rem;border:0.1rem dotted #ccc;background:#f4f4f4;}
.box_type02 > p,.box_type02 li{line-height:2.2rem;color:#555;font-size:1.5rem;}
.box_type02 li{margin:0.2rem 0 !important;padding-left:2rem !important;}
.box_type02 li strong{font-weight:500;}

/* Form size style */
[class*='form_s_']{display:flex;/* flex-wrap:wrap; */position:relative;width:100%;}
[class*='form_s_']>div{display:flex;width:100%}
[class*='form_s_'] .form_split{display:flex;justify-content:center;align-items:center;width: auto;}
[class*='form_s_'] .btn{height:3.2rem;margin:0 0.5rem;padding:0 0.5rem;font-size:1.4rem;border-radius:0}

.form_split{display:flex;align-items:center;padding:0 0.4rem;font-size:1.3rem;text-align:center;vertical-align:middle}
.form_s_tel .form_split,.form_s_mail .form_split{padding-right:0.4rem;padding-left:0.4rem}

.form_s_tel input[type="text"],.form_s_tel select,
.form_s_mail input[type='text'],.form_s_mail select{width:calc(100%/2 - 1.01rem);}

/** 전화번호 **/
.form_s_tel input[type="text"],.form_s_tel select{max-width:14rem;}

/** 이메일 **/
.form_s_mail input[type='text'],.form_s_mail select{max-width:21rem}

/** 달력 **/
.form_s_period > *{display:flex;position:relative;}
.form_s_period input[type='text']{width:14rem}

/** 파일업로드 **/
.filebox{display:flex;flex-wrap:wrap;position:relative;width:100%;max-width:59rem;}
.filebox input[type='text']{display:inline-block;width:calc(100% - 9rem);background-color:rgba(0,0,0,0);}
.filebox input[type='file']{visibility:hidden;position:absolute;top:0;right:0;width:0;min-height:0;line-height:0;font-size:0}
.filebox label{width:8rem;height:3.2rem;margin-left:0.5rem;line-height:3.3rem;color:#666;font-size:1.4rem;text-align:center;border:0.1rem solid #ccc;background-color:#f8f8f8;cursor:pointer}
.filebox label:hover{color:#fff;border-color:#666;background-color:#666;}

.filebox.file_name input[type='text']{width:calc(100% - 1rem);background:#f4f4f4;}

.filebox_wrap{width:100%;}
.filebox_wrap > div:first-child{margin-top:0;}

.filebox_multi{display:flex;width:100%;margin-top:1rem;}
.filebox_multi button{position:relative;min-width:3.5rem;margin-left:0.5rem;border:0.1rem solid #ccc;text-indent:-999.9rem;background:#f8f8f8;}
.filebox_multi .filebox+button{margin-left:0;}
.filebox_multi button:before,.filebox_multi button:after{content:'';display:block;position:absolute;top:calc(50% - 1rem);left:50%;width:0.1rem;height:1.9rem;background:#9d9d9d;}
.filebox_multi button:before{transform:rotate(0)}
.filebox_multi button:after{transform:rotate(90deg)}

.filebox_multi button.file_del:before{transform:rotate(45deg)}
.filebox_multi button.file_del:after{transform:rotate(-45deg)}

.filebox_multi button:hover{border-color:#666;background:#666;}
.filebox_multi button:hover:before,.filebox_multi button:hover:after{background:#fff;}

.filebox_drag{width:100%;min-height:10rem;margin-bottom:0.5rem;padding:0.5rem 1rem;border:0.1rem dotted #ddd;border-radius:0.3rem;background:#f4f4f4;}
.filebox_drag .ic_drag{display:inline-block;margin-bottom:0.5rem;padding-left:1.8rem;line-height:1.8rem;background:url(../images/common/ic_docu.png) no-repeat 0 0.2rem;}

/** board pagination **/
.bd_pagination .direction:before,.bd_pagination .direction.prev:before,.bd_pagination .direction.next:before,.wrap_footer .site_btn_more span{background-image:url(../images/common/bul_bd_page.png);background-repeat:no-repeat;background-position:0 0}
.bd_pagination{display:flex;flex-wrap:wrap;justify-content:center;margin:4rem 0 2.5rem;text-align:center}
.bd_pagination strong,.bd_pagination a{display:inline-block;min-width:3.2rem;height:3.2rem;margin:0.2rem 0.1rem;line-height:3.1rem;letter-spacing:-0.1rem;font-size:1.4rem;text-align:center;border:0.1rem solid #dcdbdb;}
.bd_pagination a{color:#828282}
.bd_pagination a:hover,.bd_pagination a:active,.bd_pagination a:focus{text-decoration:underline;border-color:#b9b9b9;background:#f8f8f8;}
.bd_pagination strong{color:#111;font-weight:500;border-color:#787878;background:#fff}
.bd_pagination .direction{position:relative;font-size:0;text-indent:-999.9rem;vertical-align:top;}
.bd_pagination .direction:before{content:'';display:block;position:absolute;top:50%;left:50%;width:1.1rem;height:1.4rem;margin:-0.7rem 0 0 -0.5rem;background-position:0 0}
.bd_pagination .direction.prev:before,.bd_pagination .direction.next:before{background-position:-1.5rem 0}
.bd_pagination .direction.next:before,.bd_pagination .direction.last:before{transform:rotate(180deg)}

/** 버튼영역 **/
.bd_btn_area{overflow:hidden;margin:3.5rem 0;}
.bd_btn_area>div{float:left;}
.bd_btn_area>div:last-child{float:right;}

.btn_style{overflow:hidden;display:inline-block;position:relative;min-width:8rem;margin:0.1rem 0;padding:0.5rem 1rem;color:#787878;font-size: 1.8rem;text-align:center;border:0.1rem solid #9d9d9d;border-radius:0.2rem;background:#fff;}
.btn_style i{position:relative;color:#787878;}
.btn_style.large{padding:0 6rem;line-height:6rem;font-size:1.6rem;}
.btn_style.small{min-width:5rem;padding:0 2rem;line-height:3rem;font-size:1.4rem;font-weight:400;}
.btn_style.mini{min-width:4rem;margin:0.1rem 0.2rem;padding:0.5rem 1rem;line-height:1.7rem;font-size:1.3rem;}
.btn_style.rounded{border-radius:2.5rem}
.btn_style+.btn_style{margin-left:0.2rem;}

a.btn_style:hover{text-decoration:underline;}
    /** btn color **/
    .bg_blue{border-color:#2e7bd7 !important;background:#2e7bd7 !important;}
    .bg_blue_dark{border-color:#23419b !important;background:#23419b !important;}
    .bg_navy{border-color:#1f3042 !important;background:#1f3042 !important;}
    .bg_gray{border-color:#5b6776 !important;background:#5b6776 !important;}
    .bg_gray_dark{border-color:#2f343e !important;background:#2f343e !important;}
    .bg_gray_light{border-color:#f2f4f5 !important;background:#f2f4f5 !important;}
    .bg_gray_light i{color:#777 !important;}
    .bg_green{border-color:#209963 !important;background:#209963 !important;}
    .bg_orange{background:#f48945 !important;}
    .bg_skyblue{border-color:#00a4ba !important;background:#00a4ba !important;}

    .btn_style[class*="bg_"] i{color:#fff;}
    a.btn_style[class*="bg_"]:hover{text-decoration:none;}
    a.btn_style[class*="bg_"]:hover:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1)}

    /** btn line color **/
    .btn_style[class*='bl_']{border-width:0.1rem;border-style:solid;border-color:transparent;background:transparent !important;}
    a.btn_style[class*='bl_']:hover{text-decoration:underline;}

    .bl_blue{border-color:#2e7bd7 !important;}
    .bl_blue,.bl_blue i{color:#2e7bd7 !important;}
    .bl_blue_dark{border-color:#23419b !important;}
    .bl_blue_dark,.bl_blue_dark i{color:#23419b !important;}
    .bl_navy{border-color:#1f3042 !important;}
    .bl_navy,.bl_navy i{color:#1f3042 !important;}
    .bl_gray{border-color:#5b6776 !important;}
    .bl_gray,.bl_gray i{color:#5b6776 !important;}
    .bl_gray_dark{border-color:#2f343e !important}
    .bl_gray_dark,.bl_gray_dark i{color:#2f343e !important;}
    .bl_skyblue{border-color:#00a4ba !important}
    .bl_skyblue,.bl_skyblue i{color:#00a4ba !important;}

/** 약관 style **/
.wrap_box_terms{margin-top:1rem;border:0.1rem solid #ddd;border-top-width:0.2rem;border-top-color:#000;}
.wrap_box_terms .terms_tit{display:block;padding:1rem 3rem;color:#111;font-size:17px;font-weight:500;}
.wrap_box_terms > div,.wrap_box_terms > div [class*='bul_type'],.wrap_box_terms > div [class*='bul_type'] li,.wrap_box_terms [class*='box_type'],.wrap_box_terms [class*='box_type'] > p{color:#666;font-size: 1.8rem;}
.wrap_box_terms > div{overflow:hidden;overflow-y:auto;max-height:25rem;padding:2rem 3rem;border-top:0.1rem solid #ddd;}
.wrap_box_terms.box_auto > div{overflow-y:hidden;max-height:inherit;}
.wrap_box_terms > div h5{margin:2rem 0 0.3rem;font-size:1.6rem;font-weight:500;}
.wrap_box_terms > div h5:first-child{margin-top:0;}
.wrap_box_terms > div [class*='bul_type']{margin:0.5rem 0;}
.wrap_box_terms > div [class*='bul_type'] li{margin:0.3rem 0;}
.wrap_box_terms > div [class*='bul_type'] li:before{top:1.2rem;}
.wrap_box_terms > div .bul_type05 li{padding-left:1.2rem;}
.wrap_box_terms > div .bul_type05 li:before{top:0;left:0;}
.wrap_box_terms [class*='box_type']{margin:0.5rem 0;}
.wrap_box_terms [class*='box_type'],.wrap_box_terms [class*='box_type'] > p{line-height: 2.8rem;}
.wrap_box_terms [class*='lst_num'] li{font-size:1.5rem;}
.wrap_box_terms [class*='lst_num'] > li > span{width:2rem;text-align:center;}

.agree_ck{margin-top:1.5rem;}
.agree_ck label{margin-left:0.2rem;}

/** 검색조건 **/
.wrap_search,.sear_cont,.sear_footer,.sear_category,.sear_category > div{display:flex;flex-wrap:wrap;}
.wrap_search{justify-content:space-between;padding:2rem;border:0.1rem solid #e7e7e7;border-top-width:0.2rem;border-top-color:#000;border-bottom-color:#999;background:#f8f9fa;}
.sear_cont{flex:1;width:calc(100% + 2rem);margin:-1rem 0 0 -2rem;}
.sear_category{align-items:center;margin:1rem 0 0 2rem;}
.sear_category > label+div,.sear_category > div > *:not(:first-child){margin-left:1rem;}
.sear_category label{font-size: 1.5rem;margin: 0;text-align: left;flex: none;}
.sear_category select{min-width:8rem}

.sear_category .tui-datepicker-input{min-width:inherit !important;width:10rem !important;height:3.2rem !important;border-width:0 !important;}
.sear_category .tui-datepicker-input>input{border:0.1rem solid #d7d9dd !important;}

.sear_footer{justify-content:center;min-width:10rem;}
.sear_footer [class*='sear_'],.sear_footer [class*='sear_'] i{position:relative;}
.sear_footer [class*='sear_']{overflow:hidden;display:flex;justify-content:center;align-items:center;width: auto;height:3rem;padding:0.5rem 1rem;line-height:2.2rem !important;border-radius:0.2rem;}
.sear_footer [class*='sear_']:hover:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1);}
.sear_footer [class*='sear_']+[class*='sear_']{margin-left:0.3rem;}
.sear_reset{color:#333;border:0.1rem solid #bebebe;background:#fff;}
.sear_submit{color:#fff;background:#4b5a6f;}

/** wrap tab **/
.wrap_tab{overflow:hidden;padding: 0 0 1.5rem 0;}
.wrap_tab ul{display:flex;flex-wrap:wrap;margin-left:-3rem;}
.wrap_tab li{position:relative;margin-left:3rem;}
.wrap_tab .on{border-bottom:3px solid #0d60ae;}
.wrap_tab li:before{content:'';display:block;position:absolute;top:1rem;left:-1.5rem;width:0.1rem;height:1.5rem;background:#111;}
.wrap_tab a{line-height:2.2rem;color:#555;font-size:1.8rem;font-weight:500;}
.wrap_tab .on a{position: relative; line-height:2.2rem;color:#23419b;font-size:1.8rem;font-weight:500;}
.wrap_tab a i{display:inline-block;min-width:1rem;padding:0 0.2rem;color:#00a4ba;}

/** table **/
[class*="bd_tbl"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;margin-top:-0.1rem;border-top:0.1rem solid #999;border-bottom:0.1rem solid #e5e5e5;word-break:break-all}
[class*="bd_tbl"] * > tr > *{border-top:0.1rem solid #e5e5e5}
[class*="bd_tbl"] * > tr:first-child > *{border-top-width:0}
[class*="bd_tbl"] * > tr > *[scope]{color:#222;font-weight:500;background:#fff}
[class*="bd_tbl"] * > tr > *{height:4rem;padding:1rem 0.5rem;line-height:1.8rem;letter-spacing:-0.03em;text-align:center;vertical-align:middle;}
[class*="bd_tbl"] thead > tr:last-child > *{border-bottom:0.1rem solid #bfbfbf;}
[class*="bd_tbl"] thead+tbody > tr:first-child{border-top-width:0.1rem;}
[class*="bd_tbl"] tbody > tr > *[scope]{padding-right:1.5rem;padding-left:1.5rem;}
[class*="bd_tbl"] sup{line-height:0.2rem;color:#f33527;}

[class*="bd_tbl2"]{display:table;table-layout:fixed;position:relative;min-width:100%;width:100%;margin-top:-0.1rem;border-top:0.1rem solid #999;border-bottom:0.1rem solid #e5e5e5;word-break:break-all}
[class*="bd_tbl2"] * > tr > *{border-top:0.1rem solid #e5e5e5}
[class*="bd_tbl2"] * > tr:first-child > *{border-top-width:0}
[class*="bd_tbl2"] * > tr > *[scope]{color:#222;font-weight:500;background:#fff}
[class*="bd_tbl2"] * > tr > *{height:4rem;padding:1rem 0.5rem;line-height:1.8rem;letter-spacing:-0.03em;text-align:center;vertical-align:middle;border: 0.1rem solid #dddddd;}
[class*="bd_tbl2"] thead > tr:last-child > *{border-bottom:0.1rem solid #bfbfbf;}
[class*="bd_tbl2"] thead+tbody > tr:first-child{border-top-width:0.1rem;}
[class*="bd_tbl2"] tbody > tr > *[scope]{padding-right:1.5rem;padding-left:1.5rem;}
[class*="bd_tbl2"] sup{line-height:0.2rem;color:#f33527;}
[class*="bd_tbl2"] * > tr > .begin {border-left: 0;}
[class*="bd_tbl2"] * > tr > .end {border-right: 0;}

.bd_tbl_lst .btn_style{width:100%;max-width:8rem;margin:-0.4rem 0;padding:0 1rem;line-height:2.6rem;font-size:1.4rem;vertical-align:middle;}

.recruitment_cont{text-align:left !important;}
.recruitment_cont i{display:inline-block;padding:0 1.5rem;margin-bottom:1rem;line-height:2.6rem;color:#0e4194;border:0.1rem solid #0e4194;}
.recruitment_cont em{display:block;margin-bottom:0.5rem;line-height:2rem;color:#333;font-size:1.6rem;font-weight:500;}
.recruitment_cont a{display:block;}
.recruitment_cont a:hover{text-decoration:underline;}
.recruitment_cont ul{overflow:hidden;display:flex;flex-wrap:wrap;margin-left: 0;}
.recruitment_cont li{position:relative;margin: 0.2rem 1.5rem 0.2rem 0;padding-left:1rem;line-height:2.1rem;color:#606060;font-size:1.5rem;font-weight:300;width: auto;}
.recruitment_cont li:before{content:'';display:block;position:absolute;top:0.8rem;left:0;width:0.4rem;height:0.4rem;border-radius:0.2rem;background:#333;}

[class*='state_btn']{display:inline-block;min-width:7rem;padding:0.6rem;color:#fff;font-weight:500;text-align:center;border-radius:0.5rem}
.state_btn01{background:#00a4ba;}
.state_btn02{background:#23419b;}
.state_btn03{background:#60606c;}

.state_result{margin-right: 1rem; font-weight: bold; color: #e30000;}

/** 게시판 - 상세보기 **/
.bd_view_tit{border-top:0.2rem solid #454545;border-bottom:0.1rem solid #bebebe;}
.bd_view_tit h4{margin:0;padding:2rem 1.5rem;line-height:2.8rem;color:#222;font-size:20px;font-weight:600;letter-spacing:-0.1rem;text-align:center;background:#eef7f8;}
.bd_view_tit ul,.bd_view_tit ul li{display:flex;}
.bd_view_tit ul{flex-wrap:wrap;padding:0.6rem 1.5rem 1.3rem;border-top:0.1rem solid #bebebe;}
.bd_view_tit ul li{align-items:center;position:relative;margin:1rem 1.5rem 0 0;padding-right:1.5rem;line-height:1.7rem;color:#666;font-size:1.5rem;}
.bd_view_tit ul li:before{content:'';display:block;position:absolute;top:15%;right:0;width:0.1rem;height:70%;background:#ccc;}
.bd_view_tit ul li:last-child:before{display:none;}
.bd_view_tit ul li strong{display:inline-block;margin-right: 0.7rem;padding-right:0.5rem;line-height:1.5rem;color:#222;font-weight:normal;}

/** 게시판 - 상세보기:목록 **/
.bd_tbl_view{border-top-width:0.2rem;border-top-color:#454545;border-bottom-color:#bebebe;}
.bd_tbl_view * > tr > *{border-right:0.1rem solid #bebebe;border-color:#bebebe}
.bd_tbl_view * > tr > *[scope]{color:#333;background:#eef7f8}
.bd_tbl_view * > tr > *:last-child{border-right-width:0;}

.bd_tbl_view.form_view * > tr > *{padding:0.8rem;}
.bd_tbl_view.form_view * > tr > td > input[type='text'],.bd_tbl_view * > tr > td > select{width:100%}

.bd_tbl_view.form_view .btn_style{min-width:inherit;width:100%;}
.bd_tbl_view.form_view .tui-datepicker-group{flex-wrap:wrap;justify-content:space-between;width:100%;}
.bd_tbl_view.form_view .tui-datepicker-input{min-width:inherit;width:calc(100%/2 - 1rem);height:3.2rem !important;border-width:0 !important}
.bd_tbl_view.form_view .tui-datepicker-input > input{font-size:1.4rem !important;border:0.1rem solid #d7d9dd !important;}
.bd_tbl_view.form_view .tui-datepicker-input > .tui-ico-date{width:1.2rem !important;}

.wrap_add_row{text-align:right;margin-top: -4.2rem;}

/** 게시판 - row style **/
.bd_lst_row{margin-top:1rem;border-top:0.2rem solid #454545;}
.bd_lst_row > li{display:flex;flex-wrap:wrap;border-bottom:0.1rem solid #bebebe;}
.bd_lst_row > li > em,.bd_lst_row > li > div{padding:1.5rem;line-height:2.5rem;}
.bd_lst_row > li > em{width:14rem;color:#444;font-weight:500;border-right:0.1rem solid #bebebe;background:#eef7f8;}
.bd_lst_row > li > div,.bd_lst_row > li > div > span{display:flex;align-items:center;}
.bd_lst_row > li > div{width:calc(100% - 14rem);min-height:2.8rem;}
.bd_lst_row > li > div > span{flex-wrap:wrap;}
.bd_lst_row > li > div input[type='checkbox']+label,.bd_lst_row > li > div input[type='radio']+label{margin:0 0 0 0.5rem;}
.bd_lst_row > li > div input[type='checkbox']+label+input[type='text'],.bd_lst_row > li > div input[type='checkbox']+label+input[type='password']{margin-left:-1.5rem;}
.bd_lst_row sup{line-height:0.3rem;color:#ed152e;}
.bd_lst_row textarea{height:100%;}

.bd_lst_row .w_flex1{flex:1;flex-wrap:wrap;}
.bd_lst_row .w_flex1 > *{width:100%;}

.bd_lst_row [class*='w_sel'] > span{align-items:center;flex-wrap:nowrap;}
.bd_lst_row [class*='w_sel'] label+.size_num{margin:0.1rem 0.5rem 0.1rem -2rem}
.bd_lst_row [class*='w_sel'] label+.size_num input[type='text']{width:5rem !important;margin-right:0.5rem;}
.bd_lst_row [class*='w_sel'] label+.size_num+i{margin-right:3rem;}

.bd_lst_row [class*='w_p'] > *:not([class*='btn']){width:100%;}
.bd_lst_row [class*='w_per'] *,.bd_lst_row [class*='w_px'] *{width:100%;}
.bd_lst_row [class*='w_per']{padding-right:1.5rem;}
.bd_lst_row [class*='w_px']{margin-right:1.5rem;}
.bd_lst_row [class*='w_px']:last-child{margin-right:0;}

.bd_lst_row > .view_cont,.bd_lst_row > .view_cont > div{width:100%;padding:1.5rem;}
.bd_lst_row > .view_cont{padding-right:0;padding-left:0;}
.bd_lst_row > .view_cont > div{display:block;min-height:30rem;border:0.1rem solid #e7e7e7;}
.bd_lst_row > .view_cont > div.bg_disabled{background:#eee;}

.w_sear,.w_data{display:flex;flex-direction:row !important;}

.w_sear{width:100%;}
.w_sear *:not([class*='w_btn']){flex: auto;width:calc(100% - 3.2rem) !important;}
.w_sear .w_btn_sear{display:block;position:relative;width:3.2rem !important;height:3.2rem;line-height:0;font-size:0;text-indent:-999.9rem;background:#ccc;}
.w_sear .w_btn_sear:before{content:'';display:block;position:absolute;top:0;left:calc(50% - 0.9rem);width:1.8rem;height:100%;background:url(../images/common/ic_search02.png) no-repeat 50% 50%;background-size:contain;}

.w_data{margin-right:1.5rem;}
.w_data > *:not([class*='w_btn']){flex:1;width:100%;max-width:14rem;margin-right:0.7rem;}

.w_addr{flex-direction:column;align-items:flex-start;}
.w_addr div,.w_addr div input[type='text']{width:100%;}
.w_addr div{margin-top:0 !important;margin-bottom:0 !important;}
.w_addr div+div{margin-top: 0.5rem !important;}
.w_addr .w_zip{display:flex;align-items:center;}
.w_addr .w_zip input[type='text']{width:14rem;margin-right:0.7rem;}
.w_addr .w_zip .w_btn_submit{width:9.5rem;}

.bd_lst_row .tui-datepicker-input{height:3.4rem !important;}
.bd_lst_row .tui-datepicker-input > input{font-size:1.4rem !important;}
.bd_lst_row .tui-datepicker-input > .tui-ico-date{width:1.2rem !important;}

.wrap_thum{display:flex;}
.wrap_thum span{width:15rem !important;height:15rem;margin-bottom:0.5rem;text-align:center;border:0.1rem solid #dedede;border-radius:0.2rem;background:#f4f4f4;}
.wrap_thum span img{width:100%;max-width:15rem;height:100%;margin:0 auto;object-fit: scale-down;}

[class*='w_btn']{display:flex;justify-content:center;align-items:center;min-height:3rem;height:100%;padding:0 1rem;color:#666 !important;border:0.1rem solid #ccc;background:#f8f8f8;flex: none;}
[class*='w_btn'] i{text-align:center;}
[class*='w_btn']:hover{border-color:#666;background:#666;flex: none;}
[class*='w_btn']:hover i{color:#fff;}

/** 1640px 시작 **/
@media (max-width:1640px){
/*     .layout{padding:0;} */
}
/** 1640px 끝 **/

/** 1280px 시작 **/
@media (max-width:1280px){
    #header .layout #gnb_wrap #gnb{max-width:inherit}
    .m22_visual_wrap{padding: 3rem 0;}
}
/** 1280px 끝 **/

/** 1023px 시작 **/
@media (max-width:1023px){
    #gnb{display:block;}
    #scTop{z-index:999;}
}
/** 1023px 끝 **/

/** 1000px 시작 **/
@media (max-width:1000px){
    #header .layout #gnb_wrap{justify-content:inherit}
    #header .layout .top_util{position:absolute;top:calc(50% - 0.5rem);right:5rem;vertical-align:top;}
    #header .all_menu{display:block;}

    .on .top_util{display:none;}

}
/** 1000px 끝 **/



/** 992px 시작 **/
@media screen and (max-width:992px){
    .m22_notice_none{margin-top:1rem !important;}
    .m22_large_bt{padding-top:1.5rem;padding-bottom:1.5rem;line-height:2rem !important;font-size:1.6rem;}

    /** 검색조건 **/
    .wrap_search,.sear_cont{flex:auto;flex-direction:column;}
    .wrap_search{padding:2rem;border:0.1rem solid #e7e7e7;border-top-width:0.2rem;border-top-color:#000;border-left: 0;border-right: 0;border-bottom-color:#999;background:#f8f9fa;}
    .sear_cont > div > label{min-width: 9rem;margin: 0 1rem 0 0;}
    .sear_cont > div >*:not(label),.sear_cont > div >*:not(label) > *,.sear_cont > div .tui-datepicker-group > div{flex:1;width:100%;min-width:inherit;margin-left: 0;}
    .sear_cont > div .tui-datepicker-group{flex:auto;width:100%;margin-top:0.2rem;margin-left:0;}

    .sear_footer,.sear_footer [class*='sear_']{min-width:inherit;width:100%;}
    .sear_footer{flex-wrap:wrap;margin-top: 2rem;}
    .sear_footer [class*='sear_']{height:3.4rem;}
    .sear_footer [class*='sear_']+[class*='sear_']{margin:0.3rem 0 0;}

    /** wrap tab **/
    .wrap_tab li:before{top:0.8rem;}
    .wrap_tab a{font-size:1.6rem;}
}
/** 992px 끝 **/

/** 812px 시작 **/
@media screen and (max-width:812px){
    /** 게시판 목록 : table **/  
    [class*="bd_tbl"] > * > tr > *{min-height:4rem;height:auto;line-height:2.1rem;border-top-width:0;}

    [class*="bd_tbl"]{border-bottom-width:0;}
    [class*="bd_tbl"]:before{top:-0.2rem;}
    [class*="bd_tbl"] > tbody,[class*="bd_tbl"] > tbody > tr,[class*="bd_tbl"] > tbody > tr > td{display:block;position:relative;width:100%;}
    [class*="bd_tbl"] col{display:none;}
    [class*="bd_tbl"] [data-cell-header]{overflow:hidden;display:flex;align-items: center;padding: 1rem;}
    [class*="bd_tbl"] [data-cell-header]:before,[class*="bd_tbl"] [data-cell-header]:after{display: block;min-width: 10rem;width:10%;height: 100%;min-height: 7rem;}
    [class*="bd_tbl"] [data-cell-header]:before{content:attr(data-cell-header);top:0;margin: -1rem 1rem -1rem -1rem;padding: 0 1rem;color: #333;font-weight: normal;z-index:2;display: flex;align-items: center;justify-content: center;}
    [class*="bd_tbl"] [data-cell-header]:after{content:'';position:absolute;bottom:0;left: 0;border-right:0.1rem solid #dcdcdc;background:#fafafa;z-index:1;}
    [class*="bd_tbl"] thead{display:none;}
    [class*="bd_tbl"] td{min-height:3.9rem;padding:1rem 1rem 1rem 14rem;text-align:left;border-right-width:0 !important;border-bottom:0.1rem dotted #ccc;}
    [class*="bd_tbl"] td:last-child{border-bottom-width:0;}
    [class*="bd_tbl"] td[colspan]{justify-content:center;align-items:center;}
    [class*="bd_tbl"] td[colspan]:before,[class*="bd_tbl"] td[colspan]:after{display:none;}
    
    [class*='state_btn']{padding-top:0.5rem;padding-bottom:0.5rem;}

    .bd_orign col{display:table-column}
    .bd_orign thead,.bd_orign tbody{display:table-header-group}
    .bd_orign tbody tr:not(first-child){border-bottom-width:0;}
    .bd_orign > * >  tr{display:table-row}
    .bd_orign > * >  tr > *{display:table-cell;line-height:1.9rem;border-bottom:0.1rem solid #e5e5e5 !important}
    .bd_orign > * >  tr > td{padding:1rem 0.5rem;text-align:center}
    .bd_orign > * >  tr > td[colspan]{text-align:center;}

    /** 게시판 - 상세보기:목록 **/
    .bd_tbl_view tbody tr:not(first-child){border-bottom-color:#bebebe;}
    .bd_tbl_view [data-cell-header]:before,.bd_tbl_view [data-cell-header]:after{min-width:14rem}
    .bd_tbl_view [data-cell-header]:after{border-right-color:#bebebe;background:#eef7f8 !important;}
}
/** 812px 끝 **/


/** 768px 시작 **/
@media screen and (max-width:768px){
    /** 게시판 - 상세보기 **/
    .bd_view_tit h4{padding:2rem 1rem;line-height:2.2rem;font-size:1.8rem;text-align:left;}
    .bd_view_tit ul{padding-top:0.8rem;padding-left:1rem;}
    .bd_view_tit ul li{width:100%;margin:0.7rem 0 0;padding-right:0;}
    .bd_view_tit ul li:before{display:none;}
    .bd_view_tit ul li strong{min-width: 8rem;margin-right: 1.5rem;padding-right:0.9rem;border-right:0.1rem solid #d2d3d5;}
    
    /* 좌우 스크롤 */
    .mo-scroll.ListTbl_wrap,
    .mo-scroll.wrap_box_terms{border: 0;overflow-x: auto;}
    .mo-scroll.ListTbl_wrap > table,
    .mo-scroll.wrap_box_terms > table{border-top: 0.2rem solid #222;}
    .mo-scroll:before{content:'좌우 스크롤이 가능합니다.';font-size: 1.4rem;background: #eaf4ff;line-height: 1;width: 100%;display: flex;align-items: center;justify-content: center;margin: 0 0 1rem 0;padding: 0.5rem 0;border-radius: 3rem;color: #224b9e;position: relative;top: inherit;left: inherit;right: inherit;bottom: inherit;height: auto;white-space: nowrap;}
    .mo-scroll{overflow-x: auto;}
    .mo-scroll > table,
    .mo-scroll > div{min-width: 80rem;}
}
/** 768px 끝 **/

/** 640px 시작 **/
@media screen and (max-width:640px){
    /** 파일업로드 **/
    .bd_lst_row .filebox input[type='text']{width:100%;padding-right:5rem;}
    .bd_lst_row .filebox label{position:absolute;right:0;width:4rem !important;text-indent:-999.9rem;border-width:0;background:url(../images/common/ic_search01.png) no-repeat 50% 50%;}

    .bd_lst_row .filebox_multi .filebox{width:calc(100% - 4.3rem) !important;margin-right:1rem;}

    /** board pagination **/
    .bd_pagination{margin-top:2.5rem;}
    .bd_pagination strong,.bd_pagination a{min-width:3rem;height:3rem;margin:0.3rem;line-height:2.8rem;font-size:1.3rem;}

    /** wrap tab **/
    .wrap_tab{margin: 0 0 3rem 0;padding:1rem;border:0.1rem dotted #ccc;background:#efefef;}
    .wrap_tab ul{margin-left:0;}
    .wrap_tab li{margin: 0.3rem;}
    .wrap_tab li:before{display:none;}
    .wrap_tab a{display:block;padding:0.5rem 1rem;line-height:1.8rem;font-size:1.4rem;border-radius:0.5rem;background:#fff;}
    .wrap_tab a:hover{text-decoration:underline;}

    /** 게시판 - row style **/
    .bd_lst_row > li > div:not(.w_sel){flex-direction:column;justify-content:center;align-items:flex-start}
   .bd_lst_row > li > div input[type='checkbox']+label+input[type='text']{margin-left:0;}
    .bd_lst_row > li > div > div{margin-bottom:0.5rem;}
    .bd_lst_row > li > div > div:last-child{margin-bottom:0;}
    .bd_lst_row > li > div .w_flex1{flex:auto}
    .bd_lst_row > li > div [class*='w_p']{width:100% !important;margin-right:0;}
    .bd_lst_row > li > [class*='w_p']{width:calc(100% - 14rem) !important;}
    .bd_lst_row .tip_txt{padding-bottom:0;}

    .w_data{width:100%;margin-right:0;}
    .w_data > *:not([class*='w_btn']){max-width:inherit}

    .tip_desc{margin-top:0.5rem;}

    .w_sear .btn_sear{width:2.8rem !important;}
}
/** 640px 끝 **/

/** 540px 시작 **/
@media screen and (max-width:540px){
    /** 검색조건 **/
    .sear_category label{font-size:1.4rem !important;}    

    .form_s_period{flex-wrap:nowrap;}
    .form_s_period .form_split{display:flex;width:1.5rem !important}
    .form_s_period input[type='text']{flex:1;width:49% !important}

    /** 파일업로드 **/
    .filebox label{background-position-x:97%;}

    /** 게시판 목록 : table **/  
    [class*="bd_tbl"] [data-cell-header]{/* flex-direction:column; *//* align-items: stretch; */min-height: 4rem;}
    [class*="bd_tbl"] [data-cell-header]:before{position:relative;width: 12rem;min-height: 5rem;line-height: 1.1;margin: -1rem 1rem -1rem -1rem;flex: none;}
    [class*="bd_tbl"] [data-cell-header]:after{content:'';position:absolute;bottom:0;left: 0;border-right:0.1rem solid #dcdcdc;background:#fafafa;z-index:1;width: 12.1rem;min-height: 5rem;}
    
    .bd_tbl_lst .btn_style{margin:0;}

    /** 게시판 - 상세보기:목록 **/
    .bd_tbl_view [data-cell-header]:before{background:#eef7f8 !important;}

    /** 게시판 - row style **/
    .bd_lst_row > li{flex-wrap:wrap}
    .bd_lst_row > li input[type='checkbox'],.bd_lst_row > li input[type='radio']{width:auto !important;}
    .bd_lst_row > li > em{padding:0.7rem 1rem;line-height:2.2rem;border-right-width:0;border-bottom:0.1rem dotted #ccc;;}
    .bd_lst_row > li > em br{display:none;}
    .bd_lst_row > li > div{min-height:3.2rem;padding:1rem;line-height:2.2rem;font-size:1.5rem;}
    .bd_lst_row > li > [class*='w_']{padding-right:0;padding-left:0;}
    .bd_lst_row li .w_flex1{flex:auto}
    .bd_lst_row li > [class*='w_px']{width:100% !important;}
    .bd_lst_row li > div > [class*='w_px'],.bd_lst_row li [class*='w_px']+[class*='tip_']{width:calc(100% + 2rem) !important;margin-right:0;margin-left:-1rem;}
    .bd_lst_row li > div [class*='w_btn']{min-width:3.2rem !important;width:auto !important}

    .bd_lst_row .tui-datepicker-group > span{width:1.5rem !important}
    .bd_lst_row .tui-datepicker-input{min-width:inherit !important;flex:1;width:50%}

    .bd_lst_row .w_addr .w_zip{width:23rem !important;}
    .bd_lst_row .w_addr .w_zip input[type='text']{width:calc(100% - 10.3rem) !important;}
    .bd_lst_row .w_addr .w_zip .w_btn_submit{width:9.5rem !important;font-size:1.4rem !important;text-align:center;}

    .bd_lst_row > li .filebox_multi button{width:3.5rem !important;}
    
    .bd_lst_row .file-list-item i{display:inline !important;margin-right:0.5rem !important;font-size: 1.4rem !important;}
    
    .w_data{width:100%;margin-right:0;}
    .w_data > *:not([class*='w_btn']){max-width:inherit}

    .w_btn_submit{width:auto !important;}

    .wrap_thum span img{max-width:15rem !important}
    
    #exmnrPhotoFile .btn-group,#exmnrPhotoFile .btn-group > *{display:flex}
    #exmnrPhotoFile .btn-group{width:auto !important}
    #exmnrPhotoFile .btn-group > *{align-items:center;height:3.2rem !important}
    #exmnrPhotoFile .btn-group > *+*{margin-left:0.3rem}
    
    .file_uploader .file_uploader_add{display:flex;align-items:center;margin-top: 1rem;}
    .file_uploader .file_uploader_add .icon-more{width:auto !important;margin-right:0.3rem}
}
/** 540px 끝 **/


/** 480px 시작 **/
@media screen and (max-width:480px){
    
 
    
    .m22_sub_visual_wrap .m22_visual_box{padding-right:0 !important;padding-left:0 !important}
    .m22_v_num{width:100%;}
   

    .m22_n_slide_bt{display:flex;justify-content:flex-end;position:relative;margin-bottom:0.5rem;}

    /** common **/    
    .btn_style{width:100%;margin:0.2rem 0 !important;}
    input ~ .btn_style{width:auto;margin:0 0 0 0.2rem !important;padding: 0;height: 3.2rem;}
    input ~ .btn_style:last-child{margin:0 !important;}
    .btn_style.rounded{border-radius:0}
    .btn_style.large{padding:1.5rem 2rem;line-height:2.2rem;font-size:17.5px;}

    /** 버튼영역 **/
    .bd_btn_area{margin:2rem 0;}
    .bd_btn_area>div{float:none !important}

    /** 검색조건 **/
    .wrap_search{padding: 2rem;margin: 3rem 0;}
    .sear_cont,.sear_category,.sear_category > *{margin-left:0 !important;}
    .sear_cont,.sear_category{width:100%;}
    .sear_cont > div >*:not(label),.sear_cont > div >*:not(label) > *,.sear_cont > div .tui-datepicker-group > div{flex:auto;}
    .sear_category{flex-direction:column;width: 100% !important;}
    .sear_category > *{flex:auto;width:100%;}
    .sear_category label{margin-bottom: 0.5rem;font-size:14.5px;margin-right: 0;}

    /** 게시판 - row style **/
    .bd_lst_row .w_addr .w_zip{width:100% !important;}
    
    .wrap_add_row .btn_style,.bd_tbl_view.form_view .btn_style{width:auto !important;}

    .wrap_add_row{margin-top: -4.3rem;}
}
/** 480px 끝 **/