body {margin: 0; padding: 0; font-size: 13px; font-family: "Nanum Gothic"; overflow-y: scroll; overflow-x: hidden;}
a:link, a:visited, a:active {text-decoration: none; color: #262626;}
a:hover {text-decoration: none; color: #d30842;}
ol {margin: 0; padding: 0; list-style: none;}
li {list-style: none;}
img {border: 0; vertical-align: middle;}
div {margin-right: auto; margin-left: auto; letter-spacing: -0.05em;}

@media (min-width: 1200px) {
    #icon_menu {display:none;}
    #notice {width:290px;}
    #notice td a {width:200px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    #bg {background-image: url(../images/main_bg.jpg);}
    #contents {width: 900px; padding-top: 50px; padding-bottom: 50px}
    #intro_line {width: 1000px; background-image: url(../images/sub_title02.jpg); height: 50px; background-position-x: -15px;}
    #category {width: 1000px; height: 100px; margin-top: 1px; background-image: url(../images/sub_title01.jpg);}
    #banner {width: 100%; background-image: url(../images/sub_title01bg.jpg);}
    .boardlist {width: 100%; border-collapse: collapse; clear: both;}
    .boardlist th {color: #333333; height: 24px; letter-spacing: -1px; border-top: 2px solid #666666; border-bottom: 1px solid #666666;}
    .boardlist td {border-bottom: 1px solid #dddddd; height: 24px; text-align: center;}
    .boardlist .number, .boardlist .date, .boardlist .hit {font-family: dotum, Arial, Tahoma; font-weight: bold; font-size: 11px; color: #aaaaaa;}
    .boardlist .subject {text-align: left;}
    .boardlist .subject a {text-decoration: none; color: #666666;}
    .boardlist .subject a:hover {color: #111111;}
    .boardlist .textlink {color: #666666; text-decoration: none;}
    .boardlist .textlink:hover {color: #111111;}
    .boardwrite {border: 1px solid #dddddd; padding: 10px; margin-bottom: 40px;}
    .boardwrite table {width: 100%; border-collapse: collapse;}
    .boardwrite th {width: 80px; text-align: left; border-bottom: 1px dotted #dddddd; color: #333333; padding-left: 10px;}
    .boardwrite td {border-bottom: 1px dotted #dddddd; padding: 10px;}
    .div_style {width: 95%; margin: auto; margin-top: 20px; margin-bottom: 20px; text-align: center;}
    .div_style_2 {width: 95%; margin: auto; margin-top: 20px; margin-bottom: 20px;}

    .table01b {border-top: 1px #d3d3d3 solid; border-left: 1px #d3d3d3 solid; border-right: 1px #d3d3d3 solid;}
    .table01b th {border-bottom: 1px #d3d3d3 solid; background: #F2F2F2; color: #666666; text-align: center; padding: 6px 3px; border-right: 1px #d3d3d3 solid;}
    .table01b td {border-bottom: 1px #d3d3d3 solid; text-align: left; padding: 3px 5px 0px 5px; height: 25px; border-right: 1px #d3d3d3 solid;}
    .table01b th a:link, .table01b th a:visited, .table01b th a:active, .table01b th a:hover {color: #358951;}
    .table01b .total {background: #f4f4f4; font-weight: bold;}
    .detail {display:inline-block;}
    
    .elevator{width: 100%;}
    .elevator_img{width: 100%; height: auto;}

    #main {background-image: url(../images/main_conbg.jpg); width: 1000px; height: 140px;}
    #intro {width: 100%; background-image: url(../images/sub_title02bg.jpg);}
    .main_img {float: left; margin-left: 5px;}
    .sub_imgs {float: left; margin-left: 0px;}
    #hammenu {display: none;}
    .sub_menu_text {float: left; font-size: 12pt; font-weight: bold; margin-top: 6px; margin-left: 13px; border-radius: 15px 15px 0 0;}
    .title_text1 {padding-top: 30px; font-size: 20pt; font-weight: bold;}
    .title_text2 {padding-top: 30px; font-size: 12pt; font-weight: bold;}
    .sub_title_text {padding-top: 15px; margin-left: 30px; font-size: 14pt; font-weight: bold; color: #6799FF; float: left;}
    .sub_title_category {padding-top: 19px; float: right; font-size: 10pt; margin-right: 80px;}
    #main {background-image: url(../images/main_conbg.jpg); width: 1000px; height: 140px;}
    .main_top {margin-bottom: 20px; padding-top: 30px; margin-left: 10px; font-size: 14pt; font-weight: bold; overflow: hidden;}
    #logo {float: left; margin-left: 5px;}
    #top_menu {float: right; overflow: hidden; margin-top: 10px; display: block !important;}
    #top_menu > div {float: left; margin-left: 25px; margin-right: 25px;}
    #toptel {margin-right: 5px; margin-top: 50px;}
    .menudrop {height: 80px;}
    #submenu1 {position: absolute; top: 70px; display: none; width: 140px; background: #fff; border-radius: 8px 8px 8px 8px; height: 30px;}
    #submenu1 > div {}
    #submenu2 {position: absolute; top: 70px; margin-left: -320px; display: none; width:990px; height: 30px; background-color: #FCFCFC; border-radius: 8px 8px 8px 8px;}
    #submenu2 > div {}
    #submenu3 {position: absolute; top: 70px; margin-left: -50px; display: none; width: 160px; height: 30px; margin-left: -30px; background-color: #FCFCFC; border-radius: 8px 8px 8px 8px;}
    #submenu3 > div {}
    #main2 {width: 1000px;}
    #main2 > div {height: 285px;}
    .sub_menu {width: 990px;}

    .sub_menu1{display: flex; justify-content: space-between;}
    .width_control1{width: 30%; height: auto; float: left;}

    #footer_wrap {width: 990px; padding-top: 40px;}
    #service {width: 100%; padding-top: 30px; font-size: 12pt; font-weight: bold; color: #5D5D5D;}
    .line {width: 100%; margin-top: 20px; margin-bottom: 10px;}
    #notice {padding-top: 10px; float: left;}
    #call {padding-left: 35px; float: left;}
    #footer_menu {padding-left: 35px; float: left;}
    #close {display: none;}
    #footer {width: 100%; height: 30px; line-height: 20px; padding-left: 5px; margin-bottom: 20px; padding-top: 20px;}
}

@media (min-width: 700px) and (max-width: 1199px) {
    #icon_menu {display:none;}
    #notice {width:260px;}
    #notice td a {width:170px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    #bg {background-image: url(../images/main_bg.jpg);}
    #KOREAMENU {display:none;}
    #contents {width: 700px; padding-top: 50px; padding-bottom: 50px;}
    .detail {width:342px; display:inline-block;}
    .detail img {width:100%;}
    .none {display:none;}
    #contents img {max-width: 700px;}
    #intro {width: 100%; background-image: url(../images/sub_title02bg.jpg);}
    #intro_line {width: 700px; background-image: url(../images/sub_title02.jpg); height: 50px; background-position-x: -15px;}
    #banner {width: 100%; background-image: url(../images/sub_title01bg.jpg);}
    #category {width: 700px; height: 100px; margin-top: 1px; background-image: url(../images/sub_title01.jpg);}
    #main {width: 700px; margin: 0 auto; background-image: url(../images/main_conbg.jpg); height: 140px;}
    #main2 > div {overflow: hidden;}
    .main_img {float: left; width: 20%;}
    .main_top {padding-top: 10px; font-size: 16px; font-weight: bold; text-align: center;}
    #logo_box {width: 700px; padding: 10px 0;}
    #logo {text-align: center; display: inline-block; width: 400px;}
    #top_menu {width: 300px; display: inline-block; position: fixed; left: 0; top: 0px; background: #fff; border: 1px solid #ccc; display: none; overflow-y: scroll; height: 100%; z-index:999;}
    #close {font-size: 14px; color: #aaa; text-align: right; margin: 0; padding: 10px;}
    #top_menu > div > a {text-align: left; height: 100%; display: block; padding: 10px 10px 10px 20px; background: #eee;}
    #hammenu {display: inline-block; vertical-align: top; margin: 10px 0 0 0; float: left;}
    #hammenu img {width: 30px;}
    .sub_menu_text {text-align: left; padding-left: 20px;}
    .submenu {display: block !important;}
    #submenu1 {overflow: hidden;}
    #submenu1 > div {height: 40px; line-height: 40px;}
    #submenu2 {overflow: hidden;}
    #submenu2 > div {height: 40px; line-height: 40px;}
    #submenu3 {}
    #submenu3 > div {height: 40px; line-height: 40px;}
    #main2 {width: 700px;}
    #main2 > div {height: 285px;}
    .sub_menu {width: 700px;}

    .sub_menu1{display: flex;}
    .width_control1{width: 25%;}

    .sub_imgs {float: left; width: 33.3333%; height: 70.84px;}
    .width_control {width:25%;}
    .sub_imgs img {width: 100%; height: 100%;}
    #footer_wrap {width: 700px; padding-top: 150px;}
    #service {width: 100%; padding-top: 30px; font-size: 12pt; font-weight: bold; color: #5D5D5D;}
    .line {width: 100%; margin-top: 20px; margin-bottom: 10px; overflow: hidden;}
    #notice {padding-top: 10px; display: inline-block; vertical-align: top;}
    #call {padding-left: 35px; display: inline-block; vertical-align: top;}
    #footer_menu {width: 100%;}
    #footer_menu table {text-align: center;}
    #footer {width: 700px;}
}

@media (max-width: 699px) {
    .mobile_display {display:none;}
    #notice {width:100%; min-height:100px;}
    #notice td a {width:200px; display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .none {display:none;}
    #KOREAMENU {display:none;}
    #banner {min-width: 360px; width:100%; background-image: url(../images/sub_title01bg.jpg);}
    #intro_line {width: 360px; background-image: url(../images/sub_title02.jpg); height: 50px; background-position-x: -12px;}
    #contents {width: 320px; padding-top: 50px; padding-bottom: 50px;}
    #contents img {max-width:320px;}
    #intro {width: 100%; background-image: url(../images/sub_title02bg.jpg);}
    #category {width: 320px; margin-top: 1px; height:100px; background-position-x: -100px;}
    body {background:#88bde9;}
    #main {width: 320px; margin: 0 auto; padding-bottom: 30px;}
    #main2 > div {display: none;}
    .main_top {padding-top: 10px; font-size: 16px; font-weight: bold; text-align: center;}
    #logo_box {width: 320px; padding: 10px 0;}
    #logo {text-align: center; display: inline-block; width: 241px;}
    #top_menu {width: 300px; height: 100%; display: inline-block; position: fixed; left: 0; top: 0px; background: #fff; border: 1px solid #ccc; display: none; overflow-y: scroll; z-index:999;}
    #close {font-size: 14px; color: #aaa; text-align: right; margin: 0; padding: 10px;}
    #top_menu > div > a {text-align: left; height: 100%; display: block; padding: 10px 10px 10px 20px; background: #eee;}
    #hammenu {display: inline-block; vertical-align: top; margin: 10px 0 0 0; float: left; padding-left: 10px;}
    #hammenu img {width: 30px;}
    .sub_menu_text {text-align: left; padding-left: 20px;}
    #submenu1 {overflow: hidden;}
    #submenu1 > div {height: 40px; line-height: 40px;}
    #submenu2 {overflow: hidden;}
    #submenu2 > div {height: 40px; line-height: 40px;}
    #submenu3 {}
    #submenu3 > div {height: 40px; line-height: 40px;}
    #main2 {width: 360px;}
    #main2 > div {height: 285px;}
    .sub_menu {width: 300px;}
    .sub_imgs {margin-bottom: 10px; border: 1px solid #333;}
    .sub_imgs img {width: 100%; height: 100%;}
    #footer_wrap {width: 320px;}
    #service {width: 100%; padding-top: 30px; font-size: 12pt; font-weight: bold; color: #5D5D5D;}
    .submenu {display: block !important;}
    .line {width: 100%; margin-top: 20px; margin-bottom: 10px; overflow: hidden;}
    #notice {vertical-align: top; padding: 10px;}
    #call {vertical-align: top;}
    #footer_menu {padding: 10px;}
    #footer_menu table {text-align: center;}
    #footer {width: 320px; line-height: 30px;}
	#icon_menu a {display: block; width: 50px; height: 50px; background: rgba(0, 0, 0, 0.5); text-align: center; margin-bottom: 10px; border-radius: 10px; border: 2px solid #fff;}
    #icon_menu {position: fixed; bottom: 10px; right: 10px;}
}