/*--------------------------------------------------|
| respond.css 
| Update : 2016-02-21
|--------------------------------------------------*/
@charset "utf-8";

/*********************************************************

브라우저 해상도 ~560px 까지 적용되는 CSS

*********************************************************/

@media screen and (max-width:640px ) {

/* Layout */
html,body {min-width:100%;}
#header .header_wrap {width: 100%; position: fixed; z-index:100; background: #fff; height: 60px; border-bottom: 1px solid #cecece;}
#header .header_wrap h1 {position:absolute; top:0; left:15px; width:150px; height:60px; margin:0;}
#header .header_wrap h1 a {height:40px; padding:10px 0; display:inline-block;}
#header .header_wrap h1 img {width:100%; height:auto;}

.m_gnb {display:block;}
.m_gnb span {position:absolute; top:19px; right:15px; width:22px; height:22px;}
.m_gnb span a {text-indent:-999999px; display:inline-block; width:22px; height:22px;}
.m_gnb span a {background:url("http://euromnc.cdn3.cafe24.com/images/btn/btn_m_gnb.png") no-repeat left top; background-size: cover;}
.m_gnb span a.on {background:url("http://euromnc.cdn3.cafe24.com/images/btn/btn_m_gnb_on.png") no-repeat left top; background-size: cover;}
.m_gnb .branch_select {display:none; position:absolute; left:0; top:60px; background: url('http://euromnc.cdn3.cafe24.com/images/bg/bg_m_gnbline.gif') #2c2e36 center top repeat-y; width:100%; z-index:150;}
.m_gnb .branch_select li {float:left; width:50%; border-bottom: 1px solid #373942;}
.m_gnb .branch_select li a {display:block; text-align: center; width: 100%; padding:20px 0; color:#fff; font-weight:bold; font-size:14px; text-decoration:none;}
.m_gnb .branch_select li a:hover{background:#957b41;}

.mobile_snb {display:block;width:100%;height:50px;background: #2c2e36;overflow-x: scroll;}
.mobile_snb ul {display: inline-block;}
.mobile_snb ul li {float:left; border-right:1px solid #4b4d58; box-sizing: border-box;}
.mobile_snb ul li a {display:inline-block; padding:0 15px; line-height: 50px; color:#fff; font-size:14px;}

#location {top:25px; left:0; right:inherit;}
.new_product a dl dd.title, .product dl dd {font-size:14px;}

#wrapper {padding:59px 0 0 0;}
#contents {width:100%; padding:0 20px; box-sizing: border-box;}
.contents_top {width:100% !important; margin-bottom:30px !important; padding:60px 0 30px 0 !important;}
#gnb, #snb {display:none;}
#main_container {min-width:100% !important;}
.main_top_contents {width:100% !important; margin: 0 0 50px 0 !important;}
.main_visual, .main_slider {width:100% !important; height: 300px !important; margin-bottom: 0;}
.main_new_product {width:100% !important; padding:0 15px !important; box-sizing: border-box;}
.main_new_product dl {width:30% !important; padding:0 1.5% !important;}
.main_new_product dl dt {width: 100% !important; height:90px !important;}
.main_new_product dl dt img {height:100% !important;}
.main_bottom_content {padding:0 15px !important; box-sizing: border-box;}
.main_bottom_wrap, .main_notice {width:100% !important;}
.main_slider .bx-wrapper .bx-viewport {height: 300px !important;}
.main_slider .bx-wrapper .bx-viewport ul li {width:100% !important; height: 300px !important;}
.main_slider .bx-wrapper .bx-viewport ul li img {width:100% !important; height:100% !important; left:0 !important; margin-left:0 !important;}
.main_notice {margin-bottom:50px !important;}
.main_product_inquiry, .main_product_download {background: #ececec !important; border: 1px solid #d8d8d8 !important; border-radius: 5px !important; width: 48% !important; padding:0 !important;}
.main_product_download {float:right !important;}
.main_product_inquiry h2, .main_product_download h2 {display: inline-block !important; width: 100% !important; font-size: 18px !important; line-height: 80px !important; padding: 0 !important; text-align: center !important; font-family: 'aritadsb' !important; color: #000000 !important;}
.main_product_inquiry .more, .main_product_download .more {position: absolute !important; right: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important;}
.main_product_inquiry .more a, .main_product_download .more a {display: block !important; width: 100% !important; height: 100% !important; background: transparent !important; text-indent: -9999px !important; font-size: 0 !important;}
.main_notice .notice_list {width:100% !important;}

.footer_wrap {width:100%; padding:0 15px !important; box-sizing: border-box;}
.footer_menu {display:inline-block;}
.footer_menu a {float:left; width:33%; padding:0;}
.footer_copyright {float:left; width:100%; text-align:left;}
.footer_copyright div {width:100%; color:#727581; font-size:13px; line-height:30px; letter-spacing:normal;}
.footer_copyright div span {padding:0; color:#727581; width:100%; display: inline-block;}

.new_product a, .product dl {width:50%; padding:10px; box-sizing: border-box;}
.new_product a dl dt, .product dl dt {width:100%; height:90px;}
.new_product a dl dt img, .product dl dt img {width:100%;}

.sitemap ul {margin:0;}
.sitemap ul li {float: left;
width: 100%;
padding: 0 0 50px 100px;
position: relative; box-sizing: border-box;}
.sitemap ul li h3 {width:auto; position:absolute; top:5px; left:0;}

.root_daum_roughmap {width:100% !important;}

.location {margin:30px 0 0 0;}
.location_info {width:100%; display:inline-block; padding:30px 0 0 0;}
.location_info .add_tel {float:left; width:100%;}
.location_info .add_tel h5 {font-size:18px; font-weight:bold; color:#957b41; padding:0 0 10px 0;}
.location_info .add_tel dl {display:inline-block; width:100%; padding:5px 0 10px 0;}
.location_info .add_tel dl dt {float:left; width:100%; line-height:22px; font-weight:bold; padding:0 0 5px 0;}
.location_info .add_tel dl dd {float:right; width:100%; line-height:22px;}

.product_top_contents {display:inline-block; width:100%; padding:0 0 50px 0;}
.new_product_img {float:left; width:600px;}
.new_product_img img {width:100%;}
.new_product_view {float:right; width:380px;}
.new_product_view h3 {font-size:22px; line-height:30px; color:#000000; font-family:'aritadm'; font-weight:bold; padding:0 0 25px 0;}
.new_product_view dl {clear:both; display:inline-block; width:100%; padding:10px 0;}
.new_product_view dl dt {float:left; width:80px;}
.new_product_view dl dt span {float:right;}
.new_product_view dl dd {float:right; width:280px;}
.new_product_contents {width:1040px; display:inline-block; padding:20px 20px 80px 20px;}
.new_product_contents h5 {font-size:20px; font-weight:bold; color:#957b41; padding:0 0 10px 0;}
.new_product_contents div {padding:20px 0 0 0;}
.new_product_contents div p {line-height:28px;}
.new_product_contents div img {width:100%; height:auto;}

.product_img {float:left; width:100%;}
.product_img img {width:100%;}
.product_view {float:right; width:100%; padding:30px 0 0 0;}
.product_view h3 {font-size:22px; line-height:30px; color:#000000; font-family:'aritadm'; font-weight:bold; padding:0 0 25px 0;}
.product_type {float:left;}
.product_type h4 {font-size:20px; font-family:'aritadm'; font-weight:bold; color:#957b41; padding:0 0 10px 0;}
.product_type dl {display:inline-block; width:100%; padding:0; line-height:30px; font-size:14px;}
.product_type1 {width:100%;}
.product_type1 dl dt {float:left; width:80px !important;color:#000;}
.product_type1 dl dt span {float:right;}
.product_type1 dl dd {float:right; width:155px !important; padding:0 0 0 5px;}
.product_type2 {width:100%; padding:30px 0 0 0;}
.product_type2 dl dt {float:left; width:120px !important;color:#000;}
.product_type2 dl dt span {float:right;}
.product_type2 dl dd {float:right; width:45px !important; padding:0 0 0 5px;}
.product_type3 {width:100%;}
.product_type3 dl dt {float:left; width:50px !important;color:#000;}
.product_type3 dl dt span {float:right;}
.product_type3 dl dd {float:right; width:200px !important; padding:0 0 0 5px;}
.product_type4 {width:100%;}
.product_type4 dl dt {float:left; width:85px !important;color:#000;}
.product_type4 dl dt span {float:right;}
.product_type4 dl dd {float:right; width:200px !important; padding:0 0 0 5px;}
.product_view {display: none;}
.product_view dl {clear:both; display:inline-block; width:100%; padding:5px 0;}
.product_view dl dt {float:left; width:80px;}
.product_view dl dt span {float:right;}
.product_view dl dd {float:left; width:200px;}
.mobile_product_view dl {clear:both; display:inline-block; width:100%; padding:5px 0;}
.mobile_product_view dl dt {float:left; width:80px;}
.mobile_product_view dl dt span {float:right;}
.mobile_product_view dl dd {float:left; width:200px;}
.product_contents {width:100%; display:inline-block; padding:0 0 50px 0;}
.product_contents h5 {font-size:20px; font-weight:bold; color:#957b41; padding:0 0 10px 0;}
.product_contents div {padding:20px 0 0 0;}
.product_contents div p {line-height:28px;}
.product_contents div img {width:100%; height:auto;}

/*.new_product {width:100%;}
.new_product:after {display:block; clear:both; content:''}
.new_product a {float: left; display:inline-block; width:320px; padding:30px 20px 10px 20px;}
.new_product a dl {display:inline-block; width:100%;}
.new_product a dl dt {width:320px; height:160px; overflow:hidden;}
.new_product a dl dt img {width:100%;}
.new_product a dl dd {width:100; padding:3px 0; text-align:left; font-size:15px; letter-spacing:normal;}
.new_product a dl dd.title {font-size:18px; font-family:'aritadm'; text-align:center; padding:15px 0 0 0; color:#000000;}*/

.product {width:100%;}
.product:after {display:block; clear:both; content:''}
.product dl dt img {width:100%;}
.product dl dd {float: left;width:100%;padding:10px 0 0 0;text-align:center;font-size: 14px;letter-spacing:normal;}

.product1 dl {float: left;display:inline-block;width: 50%;padding: 10px 3%;}
.product1 dl dt {width: 100%;height: 90px;overflow:hidden;text-align:center;}
.product1 dl dt img {width: 100%;}
.product1 dl dd {padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #ededed;}
.product1 dl:hover dd {border-top:1px solid #6f362e;}

.change_text dl dd {width:100%; box-sizing: border-box;}
.tbl_bbs_form td textarea {width:90%;}
.tbl_bbs_form th {width: 80px;font-size:14px;padding: 10px;}
.tbl_bbs_form td .check_type ul {display: flex;width:100%;}
.tbl_bbs_form td .check_type ul li {float:left;width: 33%;padding: 0;line-height:24px;color:#000;vertical-align:middle;}
.tbl_bbs_form td input {width:100%; box-sizing: border-box;}
.tbl_bbs_form td input.input_alnum {width:30%;}
.tbl_bbs_search {display:none;}

.telcall {display: block; position: absolute; top: 12px; right: 55px; width: auto; height: auto; text-indent: inherit; background: #24c6c6; padding: 0 15px 0 37px; line-height: 34px; border-radius: 17px; color: #fff !important; font-weight: 600; font-size: 12px;}
.telcall:before {content: ''; position: absolute; top:0; left: 0; width: 34px; height: 34px; background: url('https://png.pngtree.com/svg/20170809/in_call_435414.png') center  no-repeat; background-size: 34px; z-index: 10;}
.telcall:after {content: ''; position: absolute; top:4px; left: 4px; width: 24px; height: 24px; background: #fff;}

.gallery {display:inline-block; width:100%;}
.gallery ul {float:left;width: 50%; padding: 0;}
.gallery ul li {text-align:center;padding:0 1%;height: 115px; overflow: hidden;}
.gallery ul li.title {height:24px; font-size:13px; padding:10px 0 0 ;}
.gallery ul li img {width:100%;}

.board_list li .num {display: none;}
.board_list li .n_title {width: 70%;padding: 20px 0;}
.board_list li .date {display: none;}
.board_list li .hit {width: 30%;}

.board_view_title {width:100%; padding:0 0 20px 0;}
.board_view_title .title {float:left; width:100%; padding:0; font-size:18px;}
.board_view {width: 100%;padding: 40px 0;}
.smartOutput {width:100%;}

.mobilequick {display: inline-block; width: 100%; padding:50px 0 0px 0; background: #2c2e36; margin-bottom: 50px; position: relative;}
.mobilequick h2 {position: absolute; top: 0; left: 0; width: 100%; line-height: 54px; text-align: center; font-weight: 600; color: #c9b18d;}
.mobilequick .quickmenu {display: inline-block; width: 100%; padding: 0;}
.mobilequick .quickmenu ul {display:inline-block; width:100%;}
.mobilequick .quickmenu ul li {display:inline-block; width:100%; border-top:1px solid #4b4d58;}
.mobilequick .quickmenu ul li a {float:left; width:33%; color:#fff; line-height: 50px; text-align: center; border-left:1px solid #4b4d58; box-sizing: border-box;/*display: inline-block; width:100px; text-align: center; line-height: 40px; color:#fff; background: #4e505a; border-radius: 4px; font-weight: 600; font-size:13px; box-shadow: 0px 2px 10px 0 rgba(0, 0, 0, 0.5);*/}
.mobilequick .quickmenu ul li a:first-child {border:0;}

#colorbox {width: 100% !important; height: inherit !important; padding-right: 0 !important; top:10% !important;}
#cboxWrapper, #cboxContent, #cboxLoadedContent {width: 100% !important; height: inherit !important;}
#cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {display:none;}
#cboxNext {right:0 !important;}
#cboxPrevious {left:0 !important;}
.cboxPhoto {width:100% !important;}

.gallery1 {display: inline-block; width: 100%;}
.gallery1 a {float:left; width: 50%;padding: 0 1.5% 20px 1.5%; box-sizing: border-box;}
.gallery1 a dl {display: inline-block; width: 100%;}
.gallery1 a dl dt {width:100%; height: 100px; padding:0; overflow: hidden;}
.gallery1 a dl dt img {width:100%; height: auto;}
.gallery1 a dl dd {text-align: center; padding: 10px 0 0 0; font-size:13px;}
.gallery1_contents {width:100%; padding:0; display: inline-block;}
.gallery1_contents h3 {font-size:22px; line-height:30px; color:#000000; font-family:'aritadm'; font-weight:bold; padding:15px 0 30px 0; width: 100%; text-align: center;}
.gallery1_contents .gallery1_img {display: inline-block; width: 100%; text-align: center;}
.gallery1_contents .gallery1_img img {max-width: 100%; width: 100%; margin-bottom:20px;}

.mobile_product_view, .mobile_product_title {display:block;}
.mobile_product_title {font-size:22px; line-height:30px; color:#000000; font-family:'aritadm'; font-weight:bold; padding:15px 0 30px 0; width: 100%; text-align: center;}
}


@media screen and (min-width:641px ) and (max-width:1080px ) {

/* Layout */
html,body {min-width:100%;}
.m_gnb, .mobilequick {display:none;}

}