@charset "utf-8";

@media all and (max-width: 1024px){
    .main_box1 {padding:0 20px;}
    .main_box1 ul li {min-height: 230px;}
    .main_box1 ul li h3 {font-size: 2.2em;}
    .main_box2 {padding: 0 20px;}
    .main_box2 .box2_2 {padding: 15px 20px;}
    .main_box2 .box2_2 .board_box .board_tit li a {font-size: 1.2em;}
    .main_box2 .box2_2 .board_box .board_cont li a {max-width: 72% !important;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1.5em;}
    .main_box2 .box2_2 .board_box .board_cont li img {line-height: 1.5em;margin-top: -10px;}
    .main_box2 .box2_2 .board_box .board_cont li span {line-height: 1.5em;}
    .main_box3 {padding: 20px 20px;}
    .visual_1 img {width: 100%;}
    .quick_link .quick_tit {padding: 5px 15px;}
    .quick_link ul li a {padding: 10px 15px;}
    .quick_link ul li img {width: 20px;}
    .org_type1 .depth_1 h4 {font-size: 1.3em;padding: 55px 40px;}
    .org_type1 .depth_2 h5 {font-size: 1em;padding: 10px 5px;}
    .org_type1 .depth_3 h6 {font-size: 1em;padding: 10px 5px;}
    .org_type1 .depth_4 strong {font-size: 0.95em;padding: 7px 5px;}
    .org_type1 .depth_5 ul {padding: 9px 15px;}
    .tabmenu_type1 {font-size: 0.85em;}
    .payTypeSelect .block_type1 {padding: 25px 39%;}
    .dl_type1 dt {font-size: 1.3em;}
    .dl_type1 dd {font-size: 0.9em;}
}

@media all and (max-width: 768px){
    .w768 {display: block !important;}
    .main_box1 ul li {width: 50%;margin: 0;min-height: 150px;}
    .main_box1 ul >li >a {padding: 25px 0;}
    .main_box1 ul li h3 {font-size: 2.3em;line-height: 1.2em;}
    .main_box2 .box2_1 {width: 100%;}
    .main_box2 .box2_1 .box2_1_cont {min-height: 100px;background: #fff;}
    .main_box2 .box2_2 {width: 100%;margin:20px 0 0 0;}
    .main_box2 .box2_2 .board_box .board_cont li a {max-width: 70% !important;}
    .main_box3 .box3_1 {width: 40%;}
    .main_box3 .box3_2 {display: none;}
    .main_box3 .box3_3 {width: 57%;}
    .main_box3 .box3_3 ul li {width: 25%;}
    .main_box3 .box3_4 h3 {width: 100%;padding: 20px 0;background:#2263c8 url("/images/cn/bg_2.png");}
    .main_box3 .box3_4 ul {width: 100%;padding: 10px 0;}
    .main_box3 .box3_4 ul li {width: 25%;text-align: center;background: none;}
    .main_box3 .box3_4 ul li a {padding:15px 5px;display: block;color: #0c3a7c;}
    .main_box3 .box3_4 ul li a:hover {color: #1762c3;}
    .ft_copy {padding: 10px 20px;font-size: 0.95em;}
    .ft_copy img {display: block;float: none;padding: 15px 0;}
    .ft_copy ul {padding-left: 0;display: block;}
    .ft_copy p {padding-left: 0;display: block;line-height: 1.3em;}
    #slideshow {position: fixed;z-index: 1000;width: 220px !important;background: #213152;left: -250px;top: 0;height: 100%;}
    .nav {background: #fff !important;}
    .nav .lnb {display: block !important;float: none !important;width: 100% !important;}
    .nav .lnb li {display: block !important;width: 100% !important;float: none !important;}
    .nav .lnb li a {color: #fff !important;padding: 15px 20px !important;font-size: 1.1em !important;font-weight: 500 !important;text-align: left !important;border-bottom: 1px solid #141d2f;}
    .nav .lnb li a img {display: block !important;}
    .nav .lnb li .snb {display:none;position: relative !important;min-height: inherit !important;margin-top: 0 !important;border:0 !important;background: #324161;font-size: 1.1em !important;}
    .nav .lnb .snb li {padding-left: 0 !important;}
    .nav .lnb .snb li a {padding: 7px 20px !important;color: #ddd !important;font-weight: 300 !important;display: block !important;border-color: #213152;}
    .nav .lnb li:hover .snb {background: #324161 !important;}
    .nav:hover .snb_bg {display: none !important;}
    .nav .wrap .logo {float: none;margin: 0 auto;display: block;width: 45%;padding: 19px 0;text-align: center;}
    .nav .wrap .logo img {width: 100%;max-width: 210px;}
    .open {display: block;}
    .back {display: block;}
    .sub_nav {display: none;}
    .sub_cont {width: 100%;padding:30px 25px 40px 25px;padding-right: 25px;}
    .ctt_admin {right: 25px;}
    .title_type1 {font-size: 2.1em;}
    .title_type1 span {display: block;margin-left: 0;margin-top: 3px;border-left: 0;padding: 0;color: #888;}
    .greeting .right img {width: 100%;max-width: 601px;}
    .row_type1 .span6 .cont_type3 {padding-left: 0;padding-right: 20px;}
    .row_type1 .span6 .list_type3 li {font-size: 0.85em;line-height: 1.7em;}
    .photo_list1 dl dt img {width: 80%;max-width: 224px;}
    .div2 .list_type1 li {width: 100%;}
    .map_area {font-size: 0.9em;}
    .root_daum_roughmap .wrap_map {height: 300px !important;}
    .tabmenu_type1 li a {padding: 10px 5px;}
    .cont_type2 {font-size: 0.95em;line-height: 1.6em;}
    .process_type1 {font-size: 0.9em;}
    .process_type1 li a {border:2px solid #ddd;height: auto;padding: 12px 0;white-space: nowrap;}
    .process_6 li {width: 33.3%;padding-left: 5%;margin-bottom: 10px;background-position-x:-13%;}
    .process_6 li img {margin-bottom: 5px;height: 17px;}
    .process_6 .first {width: 33.3%;padding-left: 5%;}
    .payTypeSelect .block_type1 {padding: 25px 35%;}
    .mbskin input {width: 70%;}
    .mbskin input[type="checkbox"] {width: auto;}
    .mbskin .btn_type1 {width: auto;}
    .dl_type1 dd ul li {width: 33.3%;}
}

@media all and (max-width: 480px){
    body {min-width: 320px;}
    .container {min-height: 300px;}
    .sub_cont {padding: 30px 15px 40px 15px;min-height: 300px;}
    .main_box1 {margin-top: 15px;padding: 0 15px;}
    .main_box1 ul li {background-size: contain  !important;}
    .main_box1 ul li h3 {font-size: 1.6em;}
    .main_box1 ul li p {font-size: 0.95em;}
    .main_box2 {margin-top: 15px;padding: 0 15px;font-size: 0.9em;}
    .main_box2 .box2_1 {border: 1px solid #2263c8;}
    .main_box2 .box2_1 .box2_1_t span {font-size: 1em;padding: 0 6px 0 6px;margin-top: -4px;line-height: 1.3em;right: 15px;}
    .main_box2 .box2_2 {padding: 10px 15px;}
    .main_box2 .box2_2 .board_box .board_tit li {width: 18%;}
    .main_box2 .box2_2 .board_box .board_tit li a {font-size: 1.1em;font-weight: 600;color: #333;}
    .main_box2 .box2_2 .board_box .board_tit .more {padding: 2px 7px 0 7px;font-size: 1.2em;margin-top: -3px;}
    .main_box2 .box2_2 .board_box .board_cont li a {font-size: 1.2em;max-width: 83% !important;}
    .main_box2 .box2_2 .board_box .board_cont li span {display: none;}
    .main_box3 {margin-top: 15px;padding: 15px 15px;}
    .main_box3 .box3_1 {width: 100%;text-align: center;padding-bottom: 15px;}
    .main_box3 .box3_1 strong {font-size: 2.2em;line-height: 1.2em;}
    .main_box3 .box3_3 {width: 100%;margin-left: 0;padding: 15px 0;}
    .main_box3 .box3_3 ul li img {width: 40px;}
    .main_box3 .box3_4 {margin-top: 15px;}
    .main_box3 .box3_4 h3 {padding: 15px 0;font-size: 1.2em;}
    .main_box3 .box3_4 ul {padding: 15px 0;}
    .main_box3 .box3_4 ul li a {padding: 5px 15%;line-height: 1.3em;font-weight: 500;}
    .ft_copy {padding-bottom: 20px;}
    .ft_copy img {width: 180px;}
    .ft_copy ul {font-size: 0.9em;}
    .ft_copy ul li {padding: 0 4px;}
    .ft_copy ul li:first-child {padding-left: 0;}
    .ft_copy p {font-size: 0.85em;line-height: 1.2em;}
    .cont_type2 {padding-left: 0;}
    .title_type2 {font-size: 1.4em;}
    .title_type3 {font-size: 1.1em;}
    .list_type1 li {line-height: 1.8em;}
    .info1 p {width: 76%;margin-right: 4%;font-size: 0.9em;line-height: 1.6em;}
    .info1 div {width: 20%;}
    .info1 div img {width: 100%;}
    .hist_area h5 {font-size: 2em;}
    .hist_area dl {padding-top: 20px;padding-bottom: 35px;}
    .hist_area dl dt {width: 100%;}
    .hist_area dl dd {width: 100%;}
    .hist_area dl dd p {line-height: 1.5em;}
    .row_type1 .span4 {width: 100%;}
    .row_type1 .span4 img {width: 80%;max-width: 230px;}
    .row_type1 .span6 {width: 100%;padding: 15px 20px;}
    .photo_list1 dl {width: 100%;margin-left: 0;}
    .org_type1 {padding: 25px 10px;font-size: 0.95em;}
    .org_type1 .depth_1 h4 {padding: 40px 29px;}
    .org_type1 .depth_2 {padding-top: 10px;}
    .org_type1 .depth_2 h5 {width: 100%;padding: 8px 1px;font-size: 0.9em;}
    .org_type1 .depth_3 {padding-top: 10px;}
    .org_type1 .depth_3 h6 {width: 100%;padding: 8px 1px;font-size: 0.9em;}
    .org_type1 .depth_4 {padding-top: 30px;background-position-y: -35px;}
    .org_type1 .depth_4 .span3 {width: 100%;padding-top: 10px;}
    .org_type1 .depth_4 .span4 {width: 100%;padding-top: 10px;}
    .org_type1 .depth_4 strong {width: 90%;}
    .org_type1 .depth_5 {margin-top: 5px;}
    .org_type1 .depth_5 ul {width: 90%;margin: 0 auto;}
    .root_daum_roughmap .wrap_map {height: 210px !important;}
    .map_area {margin-top: 20px;}
    .map_area dl {margin: 0;}
    .map_area dt {margin-left: 0;width: 100%;margin-bottom: 5px;}
    .map_area dt img {width: 20px;margin-right: 7px;margin-top: -8px;}
    .map_area dd {width: 92%;margin-left: 8%;}
    .tabmenu_type1 li a {padding: 7px 5px;}
    .table_type1 th {font-size: 0.9em;padding: 7px 5px;line-height: 1.4em;}
    .table_type1 td {padding: 7px 5px;line-height: 1.5em;font-size: 0.9em;}
    .board_view_table {font-size: 0.95em;}
    .link_type1, .link_type1:link, .link_type1:visited {padding: 4px 7px 4px 25px;margin: 1px 0;background-position-x: 10px;}
    .down_type1, .down_type1:link, .down_type1:visited {padding: 4px 7px 4px 25px;margin: 1px 0;background-position-x: 10px;}
    .table_type1 input {max-width: 70%;}
    #modalLayer .modalContent {width: 320px !important;}
    #acceptForm table img {width: 100%;max-width: 97px;}
    .block_type1 {text-align: left !important;font-size: 1em;padding: 20px 12px 5px 12px;}
    .block_type1 h4 {display: block;text-align: justify;}
    .block_type1 .hpDiv1 .btn_type1 {display: block;width: 100%;margin-top: 5px;text-align: center;padding: 10px 0;}
    .hpDiv2 span {display: block;}
    .block_type1 select {padding: 2px 10px;}
    .pay_info h4 {font-size: 1.1em;}
    .payTypeSelect .block_type1 {padding: 15px 25%;font-size: 0.9em;}
    .pop-layer {width: 320px !important;}
    .payType2 .block_type1 {padding: 10px;font-size: 1em;}
    .payType2 .list_type2 li {line-height: 1.4em;color: #666;}
    .payType2 .hr_type1 {margin: 10px 0;}
    .payType2 .btn_type1 {width: 100%;padding: 10px 0;font-size: 1.05em;}
    .accept_pay .btn_type1 {width: 100%;padding: 10px 0;font-size: 1.05em;}
    .accept_pay .cont_type2 {padding-bottom: 0;}
    #fregister p {line-height: 1.6em;}
    #reg_result {padding:0;font-size: 0.9em;}
    #reg_result .reg_result_title {line-height: 1.4em;margin-bottom: 15px;font-size: 1.7em;}
    #reg_result .btn_confirm {margin: 20px 0 0 0;padding-top:20px; }
    #mb_confirm fieldset {padding:20px 0 0 0;}
    #mb_confirm fieldset .span4 input {font-size: 1.2em;height: auto;padding: 20px 0;}
    #mb_login #login_fs {padding:20px 0 10px 0;}
    #mb_login #login_fs .btn_submit {font-size: 1.2em;height: auto;padding: 20px 0;}
    #faq_con .con_inner {padding-left: 40px;background-position: 10px 20px;background-size: 22px;}
    #faq_con .con_closer {text-align: center;}
    #faq_con .closer_btn {font-size: 0.95em !important;}
    #bo_cate li {margin: 3px 1%;width: 31%;}
    #bo_cate li a {min-width: 100%;}
    #bo_cate #bo_cate_on {color: #000;}
    .search {padding: 17px 25px;}
    .search:after {clear: both;content: "";display: block;}
    .search select {width: 100%;background: #f9f9f9;padding: 7px 10px;}
    .search input[type='text'] {width: 65%;float: left;margin-top: 10px;}
    .search input[type='submit'] {width: 30%;float: right;margin-top: 10px;padding: 7px 12px;}
    .dl_type1 dt {width: auto;padding: 7px 0;}
    .dl_type1 dd {width: 100%;margin: 0;padding: 7px 0 15px 0;border-top: 1px dotted #ccc;}
    .dl_type1 dd ul li {width: 50%;}
    .process_3 li a {font-size: 1em;}
    .process_3 li a img {display: block;margin: 0 auto;}
}