@charset "utf-8";

.showPc{display: block !important;}
.showMobile{display: none !important;}
.allMenu{display: none;}

#device_change{display: none;}

#wrapper.main #container{width: 654px;border: 0;padding: 0;}

#hd_wrapper.main {height: 250px;}

#visual{}

.container_row{margin-bottom: 20px;overflow: hidden;}
.container_row > div{float: left;width: 50%;padding-left: 30px;box-sizing: border-box}
.container_row > div:nth-child(odd){padding-left: 0;}

#top_banner {margin-bottom: 30px;}
#top_banner .swiper-container {width: 100%;height: 68px;}
#top_banner .swiper-slide {width: 100%}

.leftBannerWrap{list-style: none;margin: 0;padding: 0;}
.leftBannerWrap li{list-style: none;margin: 0 0 5px 0;padding: 0;}

#popular,
#visit{display: none;}

@media screen and (max-width: 768px){
    *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust:none;max-height:1000000px;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif }

    body{font-size: 14px;background: #fff;}

    textarea{-webkit-appearance:none;-webkit-border-radius:0;}
    input[type='checkbox']{} 
    input[type='radio']{}
    input[type='text'],
    input[type='email'],
    input[type='tel'],
    input[type='submit'],
    input[type='password']{-webkit-appearance:none;-webkit-border-radius:0;padding-right: 10px !important;padding-left: 10px !important;border: 1px solid #ddd;height: 30px;}
    input[type='button']{-webkit-appearance:none;-webkit-border-radius:0;}
    
    img{max-width: 100%;height: auto;}

    .showPc{display: none !important;}
    .showMobile{display: block !important;}
    .m_no{display: none !important;}


    /* layout */
    #wrapper{width: auto;padding: 15px;margin: 0;}

    #hd{min-width: inherit;border-bottom: 1px solid #ccc;background: none;}
    #hd_top{display: none;}
    /*#hd_wrapper{width: auto;padding: 0;height: 70px;background: url(../img/header_bg.png) 50% 50% no-repeat;background-size: cover}*/
	#hd_wrapper{width: auto;padding: 0;height: 70px;background: url(../img/main_img_m2.png) 50% 50% no-repeat;background-size: cover}
    #hd_wrapper.main{height: 70px;}
    #hd_sch_wrap{display: none;}
    #visual{display: none;}
    #tnb{display: none;}
    a.report{display: none;}

    .sch-size{margin: 0;}
    #text_size{display: none;}

    #logo{float: none;padding: 0;margin: 0;}
    #logo a {display: block;width: 140px;height: 50px;}
    #logo a span{position: absolute;left:-9999px;top:-9999px}

    #gnb{display: none;}
    
    #sitemap{display: none !important;}

    #container{float: none;width: auto;min-height: inherit;border: 0;padding: 0;}
    #wrapper.main #container{width: auto;}

    #aside{float: none;margin: 0;width: auto;margin:0 -3px;}
    #aside .bn{padding: 0;overflow: hidden;}
    #aside .bn img{width: 100%;}
    #aside .bn .bn_link{width: 100%;margin-bottom: 0;}
    #aside .bn .bn_link a{padding: 3px;display: block;}
    #aside .bn .col2{float: left;width: 50%;}
    #container + #aside{margin-top: 30px;}

    #ft{min-width: inherit;}
    #ft_company{width: auto;padding: 15px;}
    #ft_company .logoF{display: none;}
    #ft_company .info{padding-left: 0;}
    #ft_company .clock{display: none;}
    #ft_company  #ft_totop{right: 0;}
    
    /* common */
    .frm_input{height: 30px;border: 1px solid #ddd;background-color: #fff !important;line-height: 1;vertical-align: middle;max-width:100%}
    .btn_submit{margin: 0;padding: 0 10px;height: 32px !important;border: 0 !important;vertical-align: middle;border-radius: 3px}
    fieldset .btn_submit{padding: 0 10px;height: 30px !important;}
    .btn_bo_adm input{padding: 7px !important;line-height: normal !important;height: 32px !important;border: 0 !important;}

    select{height: 30px;border: 1px solid #ddd;}

    /* main */
    .container_row{margin-bottom: 0;}
    .container_row > div{float: none;width: auto;padding-left: 0;margin-bottom: 20px;}
    
    .leftBannerWrap li img{width: 100%;}
    
    #aside .ol{display: none;}
    
    #top_banner .swiper-container{height: auto;}


    /* sub */
    #subTopImg{display: none;}
    
    #container_title{font-size: 1.5em;}

    #bo_gall .gall_li{width: 50% !important;margin: 0 0 10px 0 !important;padding-right: 5px;}
    #bo_gall .gall_li:nth-child(even){padding-left: 5px;padding-right: 0;}
    .photo{width: auto !important;height: auto !important;}
    .photo img{width: 100% !important;}
    .photo .heading, .photo .caption{width: 100% !important;}
    .photo .heading{top: 0 !important;}
    .photo .caption{bottom: 0 !important;}

    #mb_login{width: auto;padding: 100px 15px;}
    #mb_login #login_info{padding: 15px 10px;}
    #mb_login #login_fs{padding: 20px 90px 20px 88px;}
    #mb_login #login_fs .login_id{left: 20px;}
    #mb_login #login_fs .login_pw{left: 20px;top:61px}
    #mb_login #login_fs .btn_submit{right:20px;height: 65px;}
    #mb_login #login_fs .frm_input{margin: 0 0 5px 0;width: 100%;}

    #mb_confirm{width: auto;padding: 100px 15px;}
    #mb_confirm fieldset{padding: 30px;text-align: left;}
    #mb_confirm fieldset label{display: inline-block;width: 80px;text-align: left;}
    #mb_confirm fieldset .btn_submit{display: block;margin: 15px auto 0;width: 50px;}

    .tbl_frm01 table{table-layout: fixed}
    .tbl_frm01 th{width: 104px;}

    .pg_page, .pg_current{height: 28px !important;}
    .pg_current{margin-right:3px}

    #mw_basic .mw_basic_list_name{text-align: center !important;}
    #mw_basic table{table-layout: fixed}

    #bo_cate li{width: 33.333333%;margin-left: -1px;}
    #bo_cate a{width: 100%;margin-left: 0;}

    select[name=sca]{max-width:82%}
    #bo_list .td_name{text-align: center;width: 90px;}

    #bo_v_info{line-height: 1.6;}
    #bo_v_table{font-size: 1.5em;}

    #bo_sch #stx{width: 130px;}

    #sch_res_detail #gr_id{min-width: 140px;}
    #sch_res_detail #gr_id,
    #sch_res_detail #sfl{margin-bottom: 6px;}
    #sch_res_detail .btn_submit{margin-right: 10px;}
    #sch_res_board{width: auto;}
    #sch_res_board li{width: 50%;}
    #sch_res_board a{width: 100%;}
    #sch_res_board li:nth-child(even) a{border-left: 0;}
    .sch_res_title{font-weight: 700;}
    .sch_res_list p{line-height: 1.6;}
    .sch_res_list h2{margin-top: 20px;}
    .sch_res_list h2:first-child{margin-top: 0;}
    
    .historyWrap ul{border: 1px solid #2183cb;padding: 10px;border-radius: 15px}
    .historyWrap li{padding-left: 0 !important;letter-spacing: -1px;}
    .historyWrap li span{position: static;}

    /* 전체메뉴 */
    /* Global Navigation */
    .gn{margin:0;padding:0;list-style:none;background:#d3d1cc;text-shadow:1px 1px 0 #fff;font-size:14px}
    .gn li{background:#c3c3c3;border:1px solid #a3a09a;border-left:0;border-right:0;margin:0 0 -1px 0}
    .gn li li{background:#f8f8f8;border:1px solid #c9c9c9;border-left:0;border-right:0}
    .gn li li li{background:#e8e8e8}
    .gn ul{margin:0 0 -1px 0;padding:0;list-style:none}
    .gn a{position:relative;text-decoration:none;display:block;padding:10px}
    .gn li a{color:#333}
    .gn > li:first-child > a:after{position:absolute;top:7px;right:10px;content:"›";color:#888;font-size:18px;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
    .gn > li li a:after{position:absolute;top:7px;right:10px;content:"›";color:#888;font-size:18px;font-weight:bold;font-family:Verdana, Geneva, sans-serif}
    .gn > li > a:hover{text-decoration: none;}
    .gn li li a:before{content:"";display:inline-block;width:6px;height:6px;border:1px dotted #666;border-top:0;border-right:0;margin:0 4px 0 0;vertical-align:top}
    .gn li li a{padding-left:15px}
    .gn li li li a{padding-left:30px}
    .gn li li li li a{padding-left:45px}
    .gn li li li li li a{padding-left:60px}
    .gn em{color:#f63;font-size:12px}

    body{position: relative;height: 100%;}
    body.open{width: 100%;left:-75%;position: fixed;}
    .allMenu{position: absolute;width: 100%;height: 100%;left: 100%;top: 0;z-index: 1000;display: none;}
    .allMenu .dim{width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 999;position: fixed;left:0;top:0 !important;display: block !important;}
    .allMenu .bd{position: relative;z-index: 1000;width: 75%;height: 100%;overflow-y: auto}
    .allMenu .close{position: absolute;top:10px;left:-50px;z-index: 1001;}
    .allMenu .close a{ color: #fff;font-weight: 700;font-size: 25px !important;width: 40px;height: 40px;display: inline-block;text-align: center;padding-top: 4px;text-decoration: none;border: 2px solid #fff;border-radius: 30px;background: rgba(0,0,0,0.5);}

    .memberBtn{overflow: hidden;padding: 15px;}
    .memberBtn div{width: 48%;float: left;}
    .memberBtn div:first-child{margin-right: 4%;}
    .memberBtn div a{display: block;padding: 10px 5px;text-align: center;background: #222;color: #fff;text-decoration: none;transition: none}
    .memberBtn div a:hover{text-decoration: none;color: #fff;}

    #hd_nb {clear:both;background:#ecf0f7 !important;text-align:center;margin: 0;padding: 0;}
    #hd_nb li {display:inline-block}
    #hd_nb li:nth-last-of-type(1) {border-right:0 !important}
    #hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none;color:#222;letter-spacing: -1px;}

    .btnMenu{position: absolute;right: 15px;top: 50%;margin-top: -10px;}
    .btnMenu a{display: block;width: 20px;height: 20px;background: url(../img/btn_hamburger.png) no-repeat;background-size: 20px auto;text-indent: -9999px;}
    .btnSearch{position: absolute;right: 48px;top: 50%;margin-top: -10px;}
    .btnSearch a{display: block;width: 20px;height: 20px;background: url(../img/btn_search.png) no-repeat;background-size: 20px auto;text-indent: -9999px;}

    #hd_sch {position: static;display:none;float: none;margin: 0;width: auto;border: 0;background:#efefef;text-align:center}
    #hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
    #hd_sch form {position:relative;padding:20px 0}
    #hd_sch #sch_stx {width: 160px;height:30px;border:1px solid #181818;background-color: #fff !important;line-height:2.5em;vertical-align:middle}
    #hd_sch #sch_submit {margin:0;padding:0 10px;height:30px;border:0;background:#000;color:#fff;vertical-align:middle}
    #hd_sch #sch_close {display:block;margin:0;padding:10px 0;width:100%;border:0;background:#000;color:#fff;border-radius: 0}

    /* 아웃로그인 */
    .ol {position:relative;margin:0;border: 0;padding: 20px 20px 20px;}
    .ol h2 {width:0;height:0;overflow:hidden}

    /* 관리자 전용 버튼 */
    #mamber_info{height:24px; padding:20px 20px 18px 20px; background:#2c68b0}
    #mamber_info strong{display:inline-block;color:#fff;font-size:1.2em;}
    #mamber_info .btn_admin{background:url('img/set_btn.gif') 50% 50% no-repeat; display:inline-block; text-decoration:none; float:right;border:none;padding:0;margin:0;width:25px; height:25px; }

    #ol_before {margin-bottom: 0 !important;}
    #ol_before a{letter-spacing: 0;}
    #ol_before .login_box{padding:20px 20px 10px 20px;}
    #ol_before input[type=text], #ol_before input[type=password] {display:block;margin-bottom:10px;padding:0;width:100%;height:30px;border:1px solid #2c68b0;}
    #ol_before input[type=submit], #ol_password_lost{width:48%; height:2.3em;background:#2c68b0;color:#fff;border-radius:5px; border:0;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;position: static;font-size: inherit;letter-spacing: 0;float: none;font-weight: 400;}
    #ol_password_lost{display:inline-block; text-align:center; line-height:32px; text-decoration:none}
    #ol_svc {margin:10px 0;text-align:left;float: none;width: auto;display: inline;}
    #ol_svc a {display:inline-block;margin:0 0 0 5px;text-decoration:none;vertical-align:middle}
    #ol_svc .join_bd{display: none;}

    #ol_auto{position: static;margin-top: 5px;}
    #ol_auto input{width: auto;height: auto;vertical-align: middle;}
    #ol_pw{width: 100% !important;}
    .ol_idlabel{position: absolute;top: 7px;left: 5px;color: #888;}
    .ol_pwlabel{position: absolute;left:5px;color: #888;top:45px}

    #ol_after_private {margin:0;padding:0;list-style:none;}
    #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
    #ol_after_private li {float:left;}
    #ol_after_memo {width:30%}
    #ol_after_pt {width:40%}
    #ol_after_scrap {width:30%}
    #ol_after_private a {display:block;height:5em;background:#fff;color:#7c7c7c;text-decoration:none;text-align:center;line-height:5em}
    #ol_after_private a strong{height:1em;line-height:12px;color:#fda100;}
    #ol_after_private li:nth-of-type(1) a ,#ol_after_private li:nth-of-type(2) a{border-right:1px solid #dde4e9; border-bottom:1px solid #dde4e9}
    #ol_after_private li:nth-of-type(3) a {border-right:0px none;border-bottom:1px solid #dde4e9}
    #ol_after_ft {margin-top:5px;text-align:center; padding:0}
    #ol_after_ft a {width:49%; height:2.3em;display:inline-block;background:#2c68b0;color:#fff;border-radius:5px;text-decoration:none;text-align:center;line-height:2em}
    #ol_after_hd .btn_admin{display: none;}

    .allMenu #ol_after_private{display: none;}
    .allMenu .aside{padding:0; background:#f6f8fb}
    .side_hd:after{display:block;visibility:hidden;clear:both;content:""}
    .side_hd .shor_cut{border-top:1px solid #ececec;}
    .side_hd .shor_cut ul{margin:0; padding:0;overflow: hidden;}
    .side_hd .shor_cut li{float: left;width: 50%;}
    .side_hd .shor_cut li a{border-bottom:1px solid #ececec; padding:10px 0; text-align:center;display:block;color:#2c68b0; font-weight:bold;background: #fff}
    .side_hd .shor_cut li:nth-child(even) a{border-left:1px solid #ececec;}
    .side_hd .shor_cut li:nth-child(odd) a{border-left:0;}
    .loginBtns ul{overflow: hidden;background-color: #fff;padding: 10px;}
    .loginBtns li{float: left;width: 50%;padding: 0 5px;}
    .loginBtns li a{display: block;width: 100%;padding: 8px 5px;background-color: #2c68b0;color: #fff;border-radius: 5px;text-decoration: none;text-align: center;height: 2.3em;}

	/* 게시판 스킨*/
/*20180117 모바일 목록 정렬*/
.fz_list li .fz_subject{display:inline-block!important; width:calc(100% - 22px)}
.fz_list_th{display:none!important}
.fz_list li div{    vertical-align: top!important}
}
@media screen and (max-width: 375px){
    #ol_before input[type=submit], #ol_password_lost{width: 47.6%;}
}