@charset "utf-8";
/* Author oopblog.com */

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(font/NanumBarunGothic.eot);
  src: url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(font/NanumBarunGothic.woff) format('woff'),
       url(font/NanumBarunGothic.ttf) format('truetype');
}

/* reset */
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:top}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{ height:100%; position:relative;line-height:18px;font-size:12px;font-family:'Nanum Barun Gothic', Verdana,Geneva,Arial,Helvetica,sans-serif; font-weight:400; color:#626262; letter-spacing:-1px}
a { text-decoration:none; color:#666;  }
address,
em { font-style:normal }
input,select,textarea { font-size:12px;font-family:'Nanum Barun Gothic', Verdana,Geneva,Arial,Helvetica,sans-serif; color:#626262; }

/**************************************************************************************************************
	공통
**************************************************************************************************************/
.org { color:#f15b26 !important }
.f11 { font-size:11px !important }
.f18 { font-size:18px !important }
.bold { font-weight:bold !important }
.mb0 { margin-bottom:0 !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.pd0 { padding:0 !important }
.pdl15 { padding-left:15px !important }
.pdl0 { padding-left:0 !important }
.pdl10 { padding-left:10px !important }
.none_bg { background:none !important }
.mb0 { margin-bottom:0 !important }
.txt_center { text-align:center !important }
.txt_right { text-align:right !important }
.none_bor { border:0 !important }
.txt_left { text-align:left !important }
form { padding:0; margin:0; }
input[type="checkbox"],
input[type="radio"] { vertical-align:middle }



/************************************************************************************************************************************************************************************
	COMMON
************************************************************************************************************************************************************************************/
#header  { }

.top { max-width:1000px; margin:0 auto; text-align:center; position:relative; padding-top:10px; height:68px; }
.top h1 { text-align:center; padding-top:5px; font-size:40px; line-height:44px; color:#404040; font-weight:normal; }
.top .sns { position:absolute; right:5px; top:25px; }
.top .sns p { float:left; margin-left:5px; }
.top .sns p a { display:block; width:74px; height:22px; line-height:21px; text-align:center; font-size:13px; }
.top .sns p.blog a { color:#00a908; border:1px solid #00a908; border-radius:3px; }
.top .sns p.blog a:hover { background:#00a908; color:#fff; }
.top .sns p.myoffice a { color:#006ebd; border:1px solid #006ebd; border-radius:3px; }
.top .sns p.myoffice a:hover { background:#006ebd; color:#fff; }

#head { background:#7a6251; border-top:1px solid #664f3f; height:51px; }
#gnb { max-width:1000px; margin:0 auto; }
#gnb:after { display:block; clear:both; content:''; }
#gnb>ul>li { float:left; width:20%;  position:relative; }
#gnb>ul>li .btn01 { display:block; font-size:16px; color:#fff; font-weight:bold; text-align:center; text-align:center; height:51px; line-height:50px; white-space:nowrap; }
#gnb>ul>li:hover,
#gnb>ul>li.on .btn01 { background:#534437; }
#gnb>ul>li:hover .bu_arrow,
#gnb>ul>li.on .bu_arrow { position:absolute; left:50%; bottom:-5px; margin-left:-4px; width:9px; height:5px; background:url(../img/common/bu_gnb.png) no-repeat 0 0; }

#snb { height:43px; background:#e8e8e8; border-bottom:1px solid #ddd; }
#snb ul { overflow:hidden; }
#snb ul li { float:left; padding:0 30px; line-height:42px;  }
#snb ul li a { display:block; height:43px; line-height:42px; font-size:14px; color:#5a5a5a;  }
#snb ul li.on a,
#snb ul li a:hover { color:#534437; font-weight:bold }

#snb .inner_wrap { max-width:935px; margin:0 auto;  }
#snb ul.m1  { padding-left:70px; }

.main_wrap { padding:15px 40px 50px; }
.main_wrap .title { padding-bottom:28px; background:url(../img/common/bg_title.gif) repeat-x 0 bottom; margin-bottom:15px; overflow:hidden;  }
.main_wrap .title .txt01 { font-size:26px; font-weight:bold; color:#635545; line-height:30px; font-family:malgun gothic, "맑은 고딕";}

/*
.main_gallery_list { margin:0 auto; padding:0 10px; clear:both }
.main_gallery_list .list:after { display:block; clear:both; content:''; }
.main_gallery_list .list .item { width:200px; height:200px; position:relative; overflow:hidden; margin-bottom:2px; float:left; }
.main_gallery_list .list .item a { display:none }
.main_gallery_list .list .item:hover a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/main/btn_gallery_list.png) repeat; }
.main_gallery_list .list .item a .txt01 { padding:15px 15px 0 15px; display:block; line-height:24px; font-size:18px; font-weight:bold; color:#fff; }
.main_gallery_list .list .item a .txt02 { position:absolute; left:15px; bottom:15px; color:#fff; }
.main_gallery_list .list .item a .detail { position:absolute; right:15px; bottom:15px; }
*/

.main_gallery_list { margin:0 auto; padding:0 10px; clear:both; }
.main_gallery_list .list{}
.main_gallery_list .list ul{overflow:hidden;height:210px;position:relative;margin-bottom:1%;}
.main_gallery_list .list ul li.item { width:19%;height:200px; position:relative; overflow:hidden; margin:0 0.5%; float:left; text-align:center;background:#f1f1f1;}
.main_gallery_list .list ul li.item > img{position:absolute;left:50%;top:50%;}
.main_gallery_list .list ul li.item a { display:none }
.main_gallery_list .list ul li.item:hover a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/@basic/bg_m_menu.png) repeat; }
.main_gallery_list .list ul li.item a .txt01 { padding:15px 15px 0 15px; display:block; line-height:24px; font-size:18px; font-weight:bold; color:#fff; }
.main_gallery_list .list ul li.item a .txt02 { position:absolute; left:15px; bottom:15px; color:#fff; }
.main_gallery_list .list ul li.item a .detail { position:absolute; right:15px; bottom:15px; }
.main_gallery_list .list .pop_detail{display:none;background:#222;margin:0 0.5% 1% 0.5%;position:relative;}
.main_gallery_list .list .pop_detail .pop_detail_in{max-width:1400px;margin:0 auto;overflow:hidden;padding:30px;}
.main_gallery_list .list .pop_detail .pop_detail_in .left{float:left;width:50%;text-align:center;height:500px;position:relative;overflow:hidden;}
.main_gallery_list .list .pop_detail .pop_detail_in .left > img{position:absolute;left:50%;top:50%;}
.main_gallery_list .list .pop_detail .pop_detail_in .right{float:right;width:45%;}
.main_gallery_list .list .pop_detail .pop_detail_in .right .people{ width:71px; height:70px; overflow:hidden; border-radius:70px; border:1px solid #ccc; margin-bottom:20px; }
.main_gallery_list .list .pop_detail .pop_detail_in .right .people2{padding:20px 0 10px 0}
.main_gallery_list .list .pop_detail .pop_detail_in .right .tit{font-size:20px;color:#fff;line-height:130%;padding-bottom:20px;}
.main_gallery_list .list .pop_detail .pop_detail_in .right .tit .size{font-size:12px;color:#b6b6b6;display:block;}
.main_gallery_list .list .pop_detail .pop_detail_in .right .btn{padding-bottom:30px}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list{padding-bottom:40px;overflow:hidden;}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul{overflow:hidden;width:420px}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul{display:none}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul:first-child{display:block}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li{float:left;width:25%;padding-bottom:5px;position:relative;}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li a{display:block;width:100px;height:100px;}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li a img{width:100%;height:100%;}
.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li a.on{border:2px solid #fff;width:96px;height:96px}
.main_gallery_list .list .pop_detail .close_pop_detail{position:absolute;right:20px;top:20px;z-index:10}
.main_gallery_list .list .pop_detail .controll .prev{position:absolute;left:0;top:50%;margin-top:-59px}
.main_gallery_list .list .pop_detail .controll .next{position:absolute;right:0;top:50%;margin-top:-59px}

.btn_more{text-align:center;}
.btn_more a{display:inline-block;text-align:center;background:#b4b4b4;color:#fff;font-size:15px;padding:10px 30px;border-radius:10px}


#footer { padding-top:35px; border-top:1px solid #e5e5e5; padding-bottom:85px; }
#footer .inner_wrap { max-width:1200px; margin:0 auto; position:relative; }
#footer .inner_wrap .addr { font-size:14px; color:#888888; padding-right:150px; padding-left:10px }
#footer .inner_wrap .sns { position:absolute; right:10px; top:-5px; }
#footer .inner_wrap .sns a { display:inline-block; vertical-align:top; margin-left:12px; }


/* Sub Page */
#content { max-width:1200px; margin:0 auto; padding-top:70px; padding-bottom:70px; }
#content .subject { padding-bottom:40px; background:url(../img/common/bg_sub_subject.gif) repeat-x 0 bottom; position:relative }
#content .subject .title { font-size:40px; line-height:41px; color:#3a362f; }
#content .subject .path { position:absolute; right:8px; bottom:28px; color:#797979; }
#content .subject .path strong { color:#533926; }
.contents { }
.contents .sub_tit { font-size:27px; color:#7e6353; line-height:30px; text-transform:uppercase; margin-bottom:18px; }
.article { font-size:13px; line-height:21px; color:#3a3a3a; margin-bottom:22px; }
.article.about01 img { width:100% }
#map { margin-bottom:20px }
#map > img { width:100% }
.contents .sub_tit2 { margin-bottom:15px; font-weight:bold; color:#7e5535; font-size:14px; } 

.section { padding:0 25px 20px; border-bottom:1px dotted #b2b2b2; margin-bottom:30px }
.about_wrap { padding-top:40px }
.port_list_box .list:after { display:block; clear:both; content:''; }
.port_list_box .item { float:left; width:19%; padding:0 0.5%; margin-bottom:35px; }
.port_list_box .item .thum { border:1px solid #ddd; margin-bottom:12px }
.port_list_box .item .thum img { width:100%; }
.port_list_box .item .thum .info { color:#686868; }
.port_list_box .item .thum .desc { color:#686868; }
.pagenate { clear:both; text-align:center; }
.pagenate a { display:inline-block; *zoom:1; *display:inline; width:29px; height:29px; border:1px solid #fff; line-height:28px; }
.pagenate a.on { background:#e8e8e8; border:1px solid #c0c0c0; }
.pagenate a.prev { margin-right:15px; }
.pagenate a.next { margin-left:10px }

.category {  padding-top:6px; overflow:hidden }
.category ul { overflow:hidden }
.category ul li { float:left; margin-right:15px; margin-bottom:3px; }
.category ul li:first-child { margin-left:0 }
.category ul li a { display:block; height:25px; line-height:24px; padding:0 13px; color:#534437; font-size:13px; }
.category ul li.on a,
.category ul li a:hover { background:#534437; color:#fff; border-radius:3px; }

.pro_list_wrap { max-width:920px; margin:0 auto; }
.pro_list_wrap .pro {  text-align:center; }
.pro_list_wrap .pro .pro_inner { width:169px; height:290px; margin:0 auto; }
.pro_list_wrap .pro .thum { height:169px; overflow:hidden; border-radius:169px; border:1px solid #ccc; margin-bottom:20px }
.pro_list_wrap .pro .name { font-size:18px; color:#3d3d3d; line-height:22px; margin-bottom:20px }
.pro_list_wrap .pro .desc { font-size:14px; color:#6f6f6f; line-height:22px; letter-spacing:-1px; }
.pro_list_wrap .slick-dots { display:none  !important}
.pro_list_wrap .slick-prev { position:absolute; left:-40px; top:62px; width:26px; height:44px; background:url(../img/common/btn_prev_off.png) no-repeat 0 0; text-indent:-9999px }
.pro_list_wrap .slick-prev:hover { background-image:url(../img/common/btn_prev_on.png) }
.pro_list_wrap .slick-next { position:absolute; right:-40px; top:62px; width:26px; height:44px; background:url(../img/common/btn_next_off.png) no-repeat 0 0; text-indent:-9999px }
.pro_list_wrap .slick-next:hover { background-image:url(../img/common/btn_next_on.png) }

#map-canvas { height:460px; border:1px solid #ccc; }
.map_addr { padding:16px 20px; }


.app_wrap { padding:45px 25px; max-width:1000px; margin:0 auto; }
.app_wrap:after { display:block; clear:both; content:''; }
.app_wrap .left_col { float:left; width:38%; }
.app_wrap .left_col .phone { text-align:center; }
.app_wrap .left_col .phone img { max-width:100% }
.app_wrap .right_col { float:right; width:62%; }
.app_wrap .right_col .desc01 { font-size:25px; line-height:30px; padding-top:40px; color:#4f4f4f; margin-bottom:50px; letter-spacing:-2px }
.app_wrap .right_col .app01 { max-width:100%; margin-bottom:50px; overflow:hidden; }
.app_wrap .right_col .app11 { float:left; width:50%; }
.app_wrap .right_col .app11 img { max-width:100%; }
.app_wrap .right_col .app12 { float:left; width:50%; font-size:17px; color:#3a3a3a; text-align:left; padding-top:13%; line-height:20px; }
.app_wrap .right_col .app12 span {font-size:19px; color:#9b5307; }
.app_wrap .right_col .app12 em {font-size:19px; color:#9b5307; }
.app_wrap .right_col .app01 img { max-width:100% }
.app_wrap .right_col .btns { }
.app_wrap .right_col .btns a { display:inline-block; vertical-align:top; margin-right:14px; margin-bottom:5px }
.app_wrap .right_col .btns img { max-width:100%; }

.inquiry_wrap { padding:20px 0 }
.inquiry_table table { width:100%; border-collapse:collapse; border-bottom:1px solid # }
.inquiry_table th { border-left:1px solid #b1aba7; border-right:1px solid #b1aba7; background:#eeeceb; color:#54473f; font-size:13px; border-bottom:1px solid #e1e1e1; }
.inquiry_table tr:first-child th { border-top:1px solid #e1e1e1 }
.inquiry_table td { padding:11px 13px; color:#7d7d7d; border-bottom:1px solid #e1e1e1; border-right:1px solid #bbb5b2; }
.inquiry_table tr:first-child td { border-top:1px solid #e1e1e1 }
.inquiry_table td input[type="text"] { height:20px; line-height:20px; border:1px solid #c5c5c5; }
.inquiry_table td select { height:22px; line-height:22px; border:1px solid #c5c5c5; }
.inquiry_table td textarea { line-height:20px; border:1px solid #c5c5c5; }
.inquiry_table td p { margin-top:7px; }
.inquiry_table td p:first-child { margin-top:0 }
.btn_form { height:22px; line-height:21px; padding:0 10px; background:#969696; color:#fff; display:inline-block; vertical-align:top; }
.inquiry_table td .date { padding:0 14px 0 3px;}
.inquiry_btn { text-align:center; padding:25px 0; }

.board_list_wrap { padding:20px 0 }
.board_list { margin-bottom:40px }
.board_list table { width:100%; border-collapse:collapse; border-left:1px solid #bbb5b2; border-right:1px solid #bbb5b2; }
.board_list table thead th { background:#54473f; height:44px; color:#fff; font-size:14px; }
.board_list table tbody td { text-align:center; font-size:13px; color:#909090; height:44px; border-bottom:1px solid #e1e1e1; }
.board_list table tbody td.subj { text-align:left }
.board_list table tbody td.subj a { display:block; white-space:nowrap; overflow:hidden; color:#6e6e6e }


.board_view_wrap { padding:20px 0 }
.board_view { margin-bottom:40px }
.board_view table { width:100%; border-collapse:collapse; border-left:1px solid #bbb5b2; border-right:1px solid #bbb5b2; }
.board_view table thead th { background:#54473f; height:44px; color:#fff; font-size:14px; text-align:left; padding-left:25px }
.board_view table tbody td { padding-left:25px; font-size:13px; color:#6e6e6e; height:44px; border-bottom:1px solid #e1e1e1; }
.board_view table tbody td strong { padding-right:5px; color:#54473f; }
.board_view table tbody tr.rep td { background:#eeeceb }
.board_view table tbody tr.cont td { padding-top:25px; padding-bottom:25px }
.board_view table tbody td input[type="password"] { height:20px; line-height:20px; border:1px solid #c5c5c5; }
.board_view table tbody td.date_time { background:url(../img/board/bu_table1.gif) no-repeat 0 50%; }
.table_btns { text-align:right;  }
.pagenate2 { text-align:center }
.pagenate2 a { display:inline-block; vertical-align:top; *zoom:1; *display:inline; width:24px; height:24px; line-height:23px; font-size:15px; color:#909090; margin:0 2px; text-align:center; }
.pagenate2 a.none { width:auto; height:auto; }

/* index */
.index_rolling { padding:0 67px; }
.index_rolling .item {  position:relative;overflow:hidden;}
.index_rolling .item .thum { overflow:hidden;}
.index_rolling .item .thum img { height:100%; }
.index_rolling .item .thum img{position:absolute;left:50%;top:0;}
.index_rolling .item .info { display:none; position:absolute; left:0; top:0; width:100%; height:100%;  background:url(../img/main/on_index_thum.png) no-repeat 0 0; background-size:100% 100%;  z-index:100}
.index_rolling .item .info.on,
.index_rolling .item:hover .info { display:block }
.index_rolling .item .profile { width:70px; height:70px; border:1px solid #ccc; border-radius:70px; overflow:hidden; margin:0 auto; margin-top:28%; }
.index_rolling .item .profile span { display:block; height:68px;overflow:hidden;border-radius:68px;  border:1px solid #fff; }
.index_rolling .item .txt01 {  text-align:center;  }
.index_rolling .item .txt01 a { display:block; font-size:22px; line-height:28px; font-weight:bold; color:#503a2d; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px; }
.index_rolling .item .txt01 img { display:inline; }
.index_rolling .item .txt02 { font-size:17px; color:#503a2d;  text-align:center;}
.index_rolling .slick-prev { position:absolute; left:0; top:0; width:67px; height:100%; background:url(../img/main/btn_prev.gif) no-repeat 0 50%; text-indent:-9999px; background-size:100% }
.index_rolling .slick-next { position:absolute; right:0; top:0; width:67px; height:100%; background:url(../img/main/btn_next.gif) no-repeat 0 50%; text-indent:-9999px; background-size:100% }
.index_rolling .slick-dots { display:none !important }
.index_rolling .slick-list { overflow:hidden ;min-height:500px}



/* Mobile CSS*/
#m_header { display:none; height:38px; border-top:1px solid #664f3f; background:#7a6251; position:relative; z-index:10 }
#m_header .menu_btn { float:left;  }
#m_header .menu_btn>a { display:block; width:91px; height:38px; background:url(../img/@basic/bg_m_menu.png) no-repeat 0 0; text-indent:-9999px; }
#m_header .menu_btn .m_menu { display:none; position:absolute; left:0; top:38px; width:210px; padding:0 8px; background:url(../img/@basic/bg_m_menu.png) repeat; }
#m_header .menu_btn.on .m_menu { display:block }
#m_header .menu_btn .m_menu li { border-top:1px solid #5b4f45; }
#m_header .menu_btn .m_menu li:first-child { border-top:0 }
#m_header .menu_btn .m_menu li a { display:block; height:60px; line-height:59px; color:#b38d72; padding-left:10px }
#m_header .menu_btn .m_menu li.on a { color:#ebd4c3  }
#m_header .path { float:right; color:#a99c93; padding-top:10px; padding-right:10px; }

.slider_container {
    position: relative;
}

.slider_container img {
    display:none;
}

.slider_container img.active {
    display:block;
}

/* 게시글 비밀번호 레이어팝업 */
.layer_pw{display:none;position:fixed;position:absolute;left:50%;top:50%;margin:-25px 0 0 -125px;width:270px;background:#fff;border:1px solid #ddd;z-index:100;padding:20px;}
.layer_pw label{display:inline-block;*display:inline;height:25px;line-height:25px;padding-right:10px;}
.layer_pw input[type="text"]{border:1px solid #ddd;height:25px;line-height:25px;width:150px}
.layer_pw input[type="submit"]{display:inline-block;height:27px;line-height:27px;padding:0 5px;vertical-align:top}
.layer_pw_bg{display:none;background:url(../img/common/bg_layer_pw.png) repeat left top;position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;cursor:pointer}



@media all and (max-width:1020px) {	
	.pro_list_wrap .slick-prev { left:-15px; }
	.pro_list_wrap .slick-next { right:-15px }
	.app_wrap > div { float:none !important; width:100% !important; box-sizing:border-box;  }
	.app_wrap .right_col { text-align:center }
	.app_wrap .right_col .app11 { float:none; width:100%; }
	.app_wrap .right_col .app12 { float:none; width:100%; padding-top:20px !important; text-align:center; padding:0 10px; }
	
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul{width:340px}
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li a{width:80px;height:80px;}
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li a.on{width:76px;height:76px}
}

@media all and (max-width:936px) {	
	.port_list_box .item {width:48%; padding:0 1%; margin-bottom:20px; }
	
}

@media all and (max-width:800px) {	
	.index_rolling { padding:0 30px }
	.index_rolling .slick-list{min-height:400px}
	.index_rolling .slick-prev { width:30px; background-size:30px}
	.index_rolling .slick-next { width:30px; background-size:30px }	
	
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul{width:220px}
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li a{width:50px;height:50px;}
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul li a.on{width:46px;height:46px}
}

@media all and (max-width:640px) {	
	.main_gallery_list .list .pop_detail .close_pop_detail{right:10px;top:10px}
	.main_gallery_list .list .pop_detail .pop_detail_in .right .tit{font-size:16px}
	.main_gallery_list .list .pop_detail .pop_detail_in .left{float:none;width:auto;height:200px}
	.main_gallery_list .list .pop_detail .pop_detail_in .right{float:none;width:auto}
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list{padding-bottom:20px}
	.main_gallery_list .list .pop_detail .pop_detail_in .right .photo_list ul{height:auto;}
	.main_gallery_list .list .pop_detail .controll .prev{width:30px;}
	.main_gallery_list .list .pop_detail .controll .prev img{width:100%;}
	.main_gallery_list .list .pop_detail .controll .next{width:30px;}
	.main_gallery_list .list .pop_detail .controll .next img{width:100%;}
	
	.main_gallery_list .list{position:relative;}
	.main_gallery_list .list ul{height:auto;margin-bottom:0;}
	.main_gallery_list .list ul li.item{width:100%;margin:0 0 1% 0;float:none;}
	.main_gallery_list .list .pop_detail{position:absolute;left:0;top:20%;width:90%;padding:5%;margin:0;}
	.btn_more{padding:3% 0 0 0 }
}



@media all and (max-width:580px) {	
	.inquiry_table td input[type="text"],
	.inquiry_table td input[type="password"],
	.inquiry_table td textarea { width:100% !important; box-sizing:border-box; }
	.inquiry_table td .resp { display:block; text-align:center }
	.btn_form { margin-top:4px }
	
	.index_rolling .item .txt01 { font-size:16px; line-height:18px;}
	.index_rolling .item .txt02 { font-size:12px; } 


}

/* 모바일일경우 */
@media all and (max-width:500px) {	

	#header h1 { position:absolute; left:10px;  }
	#header h1 img { width:200px }
	#content { padding-top:30px }
	#content .subject  { padding-left:10px; padding-right:10px }
	.main_wrap { padding-left:10px; padding-right:10px }
	.main_gallery_list .list .item { width:100%; height:auto; }
	.main_gallery_list .list .item img { width:100%; height:100%;  }
	.main_gallery_list .list .item a { background-size:100% 100%; }
	#footer .inner_wrap .addr { padding:0 15px; }
	#footer .inner_wrap .sns { position:static; padding-top:15px; }
	
	#pc_header { display:none }
	#m_header { display:block }
	#content .subject .path { position:static; padding-top:10px }
	.port_list_box .item {width:96%; padding:0 2%; margin-bottom:12px; }
	.board_list table td,
	.board_list table th { font-size:11px !important }
	
}

@media all and (max-width:320px) {	
}