@charset "euc-kr";

@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
/*@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/


@font-face{
    font-family:Nanum Barun Gothic;
    weight:300;
    src:url(../../font/NanumBarunGothic.eot);
    src:local('¡Ø'), url(../../font/NanumBarunGothic.woff) format('woff');
}
/*
@font-face{
    font-family:Nanum Barun Gothic;
    weight:600;
    src:url(../font/NanumBarunGothicBold.eot);
    src:local('¡Ø'), url(../font/NanumBarunGothicBold.woff) format('woff');
}
*/

html {margin: 0;padding: 0; width:100%; height:100%;}
body {margin: 0;padding: 0; width:100%; height:100%; color:#505050; font-size: 12px; font-family: Crimson Text, 'Nanum Barun Gothic', 'Nanum GothicB', 'Nanum Gothic', 'Nanum GothicEB', sans-serif;  -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; }
header, nav, article, section, aside, footer, figure {display: block;margin: 0;padding: 0;}/* html 5*/
div, p, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, img, a, form, span, em, strong, iframe{margin: 0;padding:0;}

.ellipsis{
	white-space:nowrap;
    text-overflow:ellipsis;     /* IE, Safari */
    -o-text-overflow:ellipsis;      /* Opera under 10.7 */  
    overflow:hidden;            /* "overflow" value must be different from "visible" */ 
    -moz-binding: url('ellipsis.xml#ellipsis'); 
}



div, ul, ol {list-style:none;}
table {width: 100%; border-collapse: collapse;margin: 0;padding: 0;border: 0;border-spacing: 0;}
th, td {margin:0;padding:0;border-spacing:0;}
legend, caption {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
img {border:0 none;vertical-align:middle; _padding-bottom:10px;}
a{color:#505050;text-decoration:none;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
a:link,a:hover,a:active{text-decoration:none;}
address {font-style: normal;}
hr {display: none;}

strong {font-weight:normal;}
form {display:block;border:none;}
fieldset {margin:0px;padding:0px;border:none;}
input, select, textarea {}
input {vertical-align:middle;border:none;font-size:1em;}
input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;}
__input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;}
input[type~="text"] {border:1px solid #ccc;}
input[type~="password"] {border:1px solid #ccc;}
input[type~="image"] {border: none;margin: 0;padding: 0;}
input[type~="file"] {border:1px solid #ccc; font-size:0.8em}
__input[type~="checkbox"] {border:none;margin:-1px 0; width:12px; height:12px;}
__input[type~="radio"] {border:none;margin:-1px 0; width:12px; height:12px;}
select {vertical-align:middle;font-size:1em; border: 1px solid #dddddd;}
textarea {border:1px solid #eae5d2; font-size:1em; margin:0;}



input[type=text] {
	width: 100%;
	height: 20px;
	line-height:20px;
	border: 1px solid #dddddd;
	margin-bottom: 1px;
	padding:1px 0;
}

/*========================================================================
common spacer
========================================================================*/
.mg-none{margin:0; !important;}
.mgb-0{margin-bottom:0px !important;}
.mgb-10{margin-bottom:10px !important;}
.mgb-15{margin-bottom:15px !important;}
.mgb-20{margin-bottom:20px !important;}
.mgb-25{margin-bottom:25px !important;}
.mgb-30{margin-bottom:30px !important;}
.mgb-40{margin-bottom:40px !important;}
.mgb-50{margin-bottom:50px !important;}
.mgb-60{margin-bottom:60px !important;}
.mgb-70{margin-bottom:70px !important;}
.mgb-80{margin-bottom:80px !important;}
.mgb-90{margin-bottom:90px !important;}
.mgb-100{margin-bottom:100px !important;}

.mgt-0{margin-top:0px !important;}
.mgt-10{margin-top:10px !important;}
.mgt-15{margin-top:15px !important;}
.mgt-20{margin-top:20px !important;}
.mgt-25{margin-top:25px !important;}
.mgt-30{margin-top:30px !important;}
.mgt-40{margin-top:40px !important;}
.mgt-50{margin-top:50px !important;}
.mgt-60{margin-top:60px !important;}
.mgt-70{margin-top:70px !important;}
.mgt-80{margin-top:80px !important;}
.mgt-90{margin-top:90px !important;}
.mgt-100{margin-top:100px !important;}
.mgt-280{margin-top:280px !important;}

.mgl-0{margin-left:0px !important;}
.mgl-10{margin-left:10px !important;}
.mgl-15{margin-left:15px !important;}
.mgl-20{margin-left:20px !important;}
.mgl-25{margin-left:25px !important;}
.mgl-30{margin-left:30px !important;}
.mgl-40{margin-left:40px !important;}
.mgl-50{margin-left:50px !important;}
.mgl-60{margin-left:60px !important;}
.mgl-70{margin-left:70px !important;}
.mgl-80{margin-left:80px !important;}
.mgl-90{margin-left:90px !important;}
.mgl-100{margin-left:100px !important;}

.mgr-0{margin-right:0px !important;}
.mgr-10{margin-right:10px !important;}
.mgr-15{margin-right:15px !important;}
.mgr-20{margin-right:20px !important;}
.mgr-25{margin-right:25px !important;}
.mgr-30{margin-right:30px !important;}
.mgr-40{margin-right:40px !important;}
.mgr-50{margin-right:50px !important;}
.mgr-60{margin-right:60px !important;}
.mgr-70{margin-right:70px !important;}
.mgr-80{margin-right:80px !important;}
.mgr-90{margin-right:90px !important;}
.mgr-100{margin-right:100px !important;}

.pd-none{padding:0; !important;}
.pdb-0{padding-bottom:0; !important;}
.pdb-10{padding-bottom:10px !important;}
.pdb-15{padding-bottom:15px !important;}
.pdb-20{padding-bottom:20px !important;}
.pdb-25{padding-bottom:25px !important;}
.pdb-30{padding-bottom:30px !important;}
.pdb-40{padding-bottom:40px !important;}
.pdb-50{padding-bottom:50px !important;}
.pdb-60{padding-bottom:60px !important;}
.pdb-70{padding-bottom:70px !important;}
.pdb-80{padding-bottom:80px !important;}
.pdb-90{padding-bottom:90px !important;}
.pdb-100{padding-bottom:100px !important;}

.pdt-0{padding-top:0px !important;}
.pdt-5{padding-top:5px !important;}
.pdt-10{padding-top:10px !important;}
.pdt-15{padding-top:15px !important;}
.pdt-20{padding-top:20px !important;}
.pdt-25{padding-top:25px !important;}
.pdt-30{padding-top:30px !important;}
.pdt-40{padding-top:40px !important;}
.pdt-50{padding-top:50px !important;}
.pdt-60{padding-top:60px !important;}
.pdt-70{padding-top:70px !important;}
.pdt-80{padding-top:80px !important;}
.pdt-90{padding-top:90px !important;}
.pdt-100{padding-top:100px !important;}
.pdt-155{padding-top:155px !important;}

.pdl-0{padding-left:0px !important;}
.pdl-10{padding-left:10px !important;}
.pdl-15{padding-left:15px !important;}
.pdl-20{padding-left:20px !important;}
.pdl-25{padding-left:25px !important;}
.pdl-30{padding-left:30px !important;}
.pdl-40{padding-left:40px !important;}
.pdl-50{padding-left:50px !important;}
.pdl-60{padding-left:60px !important;}
.pdl-70{padding-left:70px !important;}
.pdl-80{padding-left:80px !important;}
.pdl-90{padding-left:90px !important;}
.pdl-100{padding-left:100px !important;}

.pdr-0{padding-right:0px !important;}
.pdr-5{padding-right:5px !important;}
.pdr-10{padding-right:10px !important;}
.pdr-15{padding-right:15px !important;}
.pdr-20{padding-right:20px !important;}
.pdr-25{padding-right:25px !important;}
.pdr-30{padding-right:30px !important;}
.pdr-40{padding-right:40px !important;}
.pdr-50{padding-right:50px !important;}
.pdr-60{padding-right:60px !important;}
.pdr-70{padding-right:70px !important;}
.pdr-80{padding-right:80px !important;}
.pdr-90{padding-right:90px !important;}
.pdr-100{padding-right:100px !important;}




/*========================================================================
common align
========================================================================*/
.ta-c{text-align:center !important;}
.ta-l{text-align:left !important;}
.ta-r{text-align:right !important;}


/*========================================================================
common etc
========================================================================*/
.dp-n{display:none !important;}
.dp-b{display:block !important;}
.dp-ib{display:inline-block !important;}

.fl-l{float:left !important;}
.fl-r{float:right !important;}
.clear{clear:both !important;}


.brd-n{border:none !important;}

/*========================================================================
common text
========================================================================*/
.txt-01{font-size:13px; line-height:20px; color:#666666;}
.txt-02{font-size:13px; line-height:20px; color:#666666; font-weight:700;}
.txt-03{font-size:13px; line-height:20px; color:#845411; font-weight:normal;}
.txt-04{font-size:15px; line-height:20px; color:#666666; font-weight:700;}


/*========================================================================
common text
========================================================================*/
.disabled{background:#f5f2e9; border:none;}


/*========================================================================
common btn
========================================================================*/
.com-btn{display:inline-block; min-width:50px; padding:8px 15px; font-size:13px; line-height:13px; color:#fff; text-align:center; background:#d11820; border-radius:3px;}
.gray{background:#777777; color:#ffffff;}
.green{background:#00853e;}
.dark-gray{background:#878787;}

/*========================================================================
common tab
========================================================================*/
.com-tab-01{position:relative;}
.com-tab-01>span{position:relative; display:inline-block; margin-right:2px; margin-bottom:5px;}
.com-tab-01>span:first-child{padding-left:0px; background:none; }
.com-tab-01>span>a{display:block; background:#676767; font-size:14px; color:#fff; padding:10px 0; width:100px; text-align:center; border-radius:5px; font-weight:600;}
.com-tab-01>span>a:hover,
.com-tab-01>span>a.on{background:#177ec7;}



/*========================================================================
common tbl
========================================================================*/
table.write-tbl{color:#454545; border-top:3px solid #838898; border-bottom:3px solid #d4d4d4; margin-bottom:10px;}
table.write-tbl th{text-align:left; border-bottom:1px solid #dddddd; padding:8px 0px 8px 20px; min-height:30px; line-height:normal; font-size:15px; font-weight:700; color:#454545; }
table.write-tbl th span.require{padding-left:7px; background:url(/public/img/front/common/bl_01.png) left no-repeat; background-size:4px auto;}
table.write-tbl td{position:relative; text-align:left; border-bottom:1px solid #dddddd; padding:15px 5px; font-size:14px; font-weight:400;}
table.write-tbl td input[type=text]{width:100%; height:20px; border:1px solid #bbb; margin-bottom:1px; line-height:20px; padding:3px 0;}
table.write-tbl td input[type=password]{width:100%;  height:20px; border:1px solid #bbb; margin-bottom:1px; padding:3px 0;}
table.write-tbl td input[type=file]{width:100%;  height:20px; border:1px solid #bbb; margin-bottom:1px; padding:3px 0;}
_table.write-tbl td textarea{width:100%;  height:70px; border:1px solid #bbb; margin-bottom:1px;}
table.write-tbl td select{height:24px; border:1px solid #bbb; margin-bottom:1px;}

table.list-tbl{color:#454545; border-top:3px solid #777777;  border-bottom:3px solid #d4d4d4; margin-bottom:10px; }
table.list-tbl th{text-align:center; border-bottom:1px solid #dddddd; padding:10px 0px 10px; line-height:normal; font-size:15px; font-weight:600; background-color:#f4ede8;}
table.list-tbl td{position:relative; text-align:center; border-bottom:1px solid #d4d4d4;  line-height:normal; padding:12px 5px; font-size:14px;}
table.list-tbl td a:hover{text-decoration:underline;}
table.list-tbl tbody.hover tr:hover{background:#f0f3fb;}
table.list-tbl td .board-con{padding:30px 20px; min-height:100px;}
table.list-tbl td.ing,
table.list-tbl td.ing a{color:#ca412a;}
table.list-tbl td.empty {height:60px; }

table.view-tbl{color:#454545; border-top:3px solid #777777;  border-bottom:3px solid #d4d4d4; margin-bottom:30px; }
table.view-tbl th{text-align:center; border-bottom:1px solid #dddddd; padding:10px 0px 10px; line-height:normal; font-size:15px; font-weight:600; background-color:#f4ede8;}
table.view-tbl td{position:relative; text-align:center; border-bottom:1px solid #dddddd;  line-height:normal; padding:12px 5px; font-size:14px;}
table.view-tbl td a:hover{text-decoration:underline;}
table.view-tbl tbody.hover tr:hover{background:#f0f3fb;}
table.view-tbl td .board-con{padding:30px 20px; min-height:100px;}
table.view-tbl td.ing,
table.view-tbl td.ing a{color:#ca412a;}

table.view-tbl td .header{display:table; width:100%;}
table.view-tbl td .header span{display:table-cell; text-align:center;}
table.view-tbl td .header span.title{text-align:left;}
table.view-tbl td .header span.name{width:80px;}
table.view-tbl td .header span.date{width:100px;}
table.view-tbl td .header span.view{width:60px;}
table.view-tbl td .board-con img{_width:99%;}




table.reply-tbl{color:#454545; border:1px solid #d3d3d3; }
table.reply-tbl th{text-align:center; border-bottom:1px solid #d3d3d3; padding:10px 0px 10px; line-height:normal; font-size:15px; font-weight:600;}
table.reply-tbl td{position:relative; text-align:center; border-bottom:1px solid #d3d3d3;  line-height:normal; padding:12px 5px; font-size:14px;}
table.reply-tbl tr:nth-child(odd) td{background:#f9f9f9;}
table.reply-tbl td a:hover{text-decoration:underline;}
table.reply-tbl tbody.hover tr:hover{background:#f0f3fb;}
table.reply-tbl td .board-con{padding:30px 20px; min-height:100px;}
table.reply-tbl td span.name{display:block; margin-left:12px; padding-left:21px; font-size:14px; line-height:15px; color:#177ec7; font-weight:600; background:url('/public/img/common/icn_reply_name.png') left no-repeat;}
table.reply-tbl td p.con{background:url('/public/img/common/bg_bl_02.png') left no-repeat; line-height:14px; color:#454545; padding-left:12px;}




/*========================================================================
Layout
========================================================================*/
#wrapper{position:relative; margin-left:305px;}

#header{clear:both; position:fixed; left:0; top:0; z-index:20; width:305px; height:100%; border-right:1px solid #efefef; background:#fff; font-family:Crimson Text, 'Nanum Barun Gothic', 'Nanum GothicB', 'Nanum Gothic', 'Nanum GothicEB', sans-serif;} 
#header .header-wrap{clear:both; position:relative;}
#header .header-wrap h1{text-align:center; margin:35px 0 40px;}
#header .header-wrap h1 a{display:inline-block;}
#header .header-wrap h1 img.mobile{display:none;}
#header .header-wrap .mobile-language, .mobile-menu{display:none;}
#header .header-wrap .gnb-wrap{position:relative; margin-top:30px; background:#fff; border-top-left-radius:3px; border-top-right-radius:3px;}
#header .header-wrap .gnb-wrap .gnb{position:relative; border-top:1px solid #efefef; }
#header .header-wrap .gnb-wrap .gnb>li{position:relative; border-left:none;}
#header .header-wrap .gnb-wrap .gnb>li:first-child{border-left:0px;}
#header .header-wrap .gnb-wrap .gnb>li>a{display:block; color:#656565; font-size:14px; font-weight:400; border-bottom:1px solid #efefef; padding:10px 0px; min-height:16px; text-align:center; border-left:4px solid #fff; border-right:4px solid #fff;}
#header .header-wrap .gnb-wrap .gnb>li:hover>a,
#header .header-wrap .gnb-wrap .gnb>li.on>a{color:#af927b; border-right:4px solid #c6a68d;}

#header .header-wrap .gnb-wrap .gnb-sub{display:none; position:absolute; z-index:20; top:0px; left:305px; background:#fff;  box-shadow: 0px 0px 10px #eee;}
#header .header-wrap .gnb-wrap .gnb-sub>li{text-align:left; width:240px;}
#header .header-wrap .gnb-wrap .gnb-sub>li>a{display:block; color:#656565; font-size:14px; font-weight:400; padding:10px 20px; border-bottom:1px solid #efefef;}
#header .header-wrap .gnb-wrap .gnb-sub>li>a:hover{color:#af927b;}

#header .language-select{position:relative; margin:0 auto; margin-top:37px; vertical-align:middle; width:208px; height:34px; text-align:left;}
#header .language-select.down{background:url('/public/img/common/language_select_down.jpg') no-repeat;}
#header .language-select.up{background:url('/public/img/common/language_select_up.jpg') no-repeat;}
#header .language-select span{display:inline-block; font-size:13px; color:#7f7c79; line-height:36px; text-align:left; width:204px; height:34px; padding-left:8px; cursor:pointer;}
#header .language-select ul#language_list{position:absolute; display:none; border:2px solid #d3c5ba; border-top:none; background-color:#fff; font-size:13px; line-height:20px;}
#header .language-select ul#language_list li{display:inline-block; background-color:#fff; width:204px; color:#000; vertical-align:middle;}
#header .language-select ul#language_list li:hover{background-color:#ededed}
#header .language-select ul#language_list li a{display:inline-block; width:196px; padding:5px 0 5px 8px; height:20px; line-height:20px;}


#header .header-wrap .sns-wrap{text-align:center; margin-top:30px;}
#header .header-wrap .sns-wrap span{display:inline-block; margin:0 4px;}


#contents-wrap{clear:both; position:relative; }
#contents-wrap .content-wrap{position:relative; min-height:300px;}
.main-container{position:relative; clear:both; width:1400px; padding:0px; margin:0 auto;}
.container{position:relative; clear:both; width:1200px; padding:0px; margin:0 auto; font-family: 'Open Sans', 'Nanum Barun Gothic', 'Nanum GothicB', 'Nanum Gothic', 'Nanum GothicEB', sans-serif;}


#contents-wrap .con-body{position:relative;}

#contents-wrap .con-body .navi{float:right; padding-top:90px; letter-spacing:-1px; font}
#contents-wrap .con-body .navi>li{float:left; padding-left:15px; margin-left:8px; background:url('/public/img/common/icn_navi_01.png') no-repeat left; height:20px; line-height:20px; color:#454545; font-size:13px;}
#contents-wrap .con-body .navi>li:first-child{background:url('/public/img/common/icn_home.png') no-repeat left 3px; padding-left:20px;}
#contents-wrap .con-body .navi>li img{vertical-align:top;}
#contents-wrap .con-body .navi>li.last{font-weight:bold; background:url('/public/img/common/icn_navi_01.png') no-repeat left; }
#contents-wrap .con-body .navi>li a{color:#454545; font-size:13px;}
#contents-wrap .con-body h2.sub-title{font-family:Crimson Text, 'Nanum Barun Gothic', 'Nanum GothicB', 'Nanum Gothic', 'Nanum GothicEB', sans-serif; font-size:30px; line-height:100%; color:#2e2e2e; font-weight:400; margin-bottom:60px; padding:78px 0 10px; border-bottom:1px solid #cccccc;}
#contents-wrap .con-body h2.sub-title span{font-family: 'Open Sans', 'Nanum Barun Gothic', 'Nanum GothicB', 'Nanum Gothic', 'Nanum GothicEB', sans-serif; display:inline-block; padding-left:20px; margin-left:20px; font-size:23px; line-height:110%; color:#6a6a6a; border-left:1px solid #b5b5b5;}

#contents-wrap-full{clear:both; position:relative; }

#footer{clear:both; position:relative; width:100%; text-align:center; background:#205b3c; padding:45px 0; font-family: 'Open Sans', 'Nanum Barun Gothic', 'Nanum GothicB', 'Nanum Gothic', 'Nanum GothicEB', sans-serif;}
#footer .inner-tbl{display:table; margin:0 auto;}
#footer .inner-tbl .logo{display:table-cell; vertical-align:top;}
#footer .inner-tbl .info{display:table-cell; vertical-align:top; padding-left:50px;}
#footer .inner-tbl .info p{color:#d4d4d4; font-size:13px; line-height:normal; text-align:left;}
#footer .inner-tbl .info p a{color:#d4d4d4; font-size:13px; line-height:normal; text-align:left;}

#footer .inner-tbl .info .family-site{display:table-cell; vertical-align:top; width:218px; height:36px; color:#d4d4d4; text-align:left; border:1px solid rgba(223,255,223, 0.7); border-radius:5px;}
#footer .inner-tbl .info .family-site.down{background:url('/public/img/common/family_site.png') no-repeat; background-position:right;}
#footer .inner-tbl .info .family-site.up{background:url('/public/img/common/family_site_up.png') no-repeat; background-position:right;}
#footer .inner-tbl .info .family-site span{display:inline-block; font-size:13px; line-height:36px; text-align:left; padding-left:10px; width:220px; height:36px; cursor:pointer;}
#footer .inner-tbl .info .family-site ul#family_list{margin-top:-143px; display:none; border:1px solid #b8b8b8; border-bottom:none; background-color:#fff; vertical-align:middle;}
#footer .inner-tbl .info .family-site ul#family_list li{display:inline-block; background-color:#FFF; width:228px; color:#000;}
#footer .inner-tbl .info .family-site ul#family_list li:hover{background-color:#ededed}
#footer .inner-tbl .info .family-site ul#family_list li a{display:inline-block; width:222px; padding-left:8px; padding-top:5px; padding-bottom:5px; height:16px; vertical-align: middle;}

#footer .inner-tbl .info p.link {display:table-cell; line-height:36px; color:#54a87e;}
#footer .inner-tbl .info p.link a{line-height:36px; color:#54a87e; font-weight:600;}






/*========================================================================
 CUSTOM RESPONSIVE STYLES
========================================================================*/



/*========================================================================
1705px 
========================================================================*/
@media screen and (max-width: 1705px) {
	
	.main-container{position:relative; clear:both; width:100%; padding:0px; margin:0 auto;}	

}


/*========================================================================
1505px 
========================================================================*/
@media screen and (max-width: 1505px) {
	
	.container{position:relative; clear:both; width:100%; padding:0px; margin:0 auto;}
	#contents-wrap .con-body .container{width:96%;}

	#footer{clear:both; position:relative; width:100%; text-align:center; background:#205b3c; padding:45px 0;}
	#footer .inner-tbl{display:block; margin:0 auto; text-align:center;}
	#footer .inner-tbl .logo{display:block; }
	#footer .inner-tbl .info{display:block; padding-left:0px; padding-top:20px;}
	#footer .inner-tbl .info p{color:#d4d4d4; font-size:14px; line-height:normal; text-align:center; padding:0 20px;}
	#footer .inner-tbl .info .link-wrap{display:table; margin: auto;}
	#footer .inner-tbl .info .family-site{display:table-cell; text-align:left;}
	#footer .inner-tbl .info p.link {display:table-cell; line-height:36px; color:#54a87e;}

}




/*========================================================================
1100px 
========================================================================*/
@media screen and (max-width: 1100px) {
	
	
	#wrapper{position:relative; margin-left:0px;}

	#header{clear:both; position:relative; left:0; top:0; z-index:1; width:auto; height:100%; border-right:1px solid #efefef; background:#fff;} 
	#header .header-wrap{clear:both; position:relative;}
	#header .header-wrap h1{text-align:left; margin:20px 0 20px 20px;}
	#header .header-wrap h1 img.mobile{display:block;}
	#header .header-wrap h1 img.pc{display:none;}
	#header .header-wrap .mobile-language{display:block; position:absolute; z-index:1; right:20px; top:0px; color:#9d7d63}
	#header .header-wrap .mobile-language a{margin:0 15px; font-size:19px; color:#9d7d63;}
	#header .header-wrap .mobile-language a:last-child{margin-right:0}
	#header .header-wrap .mobile-menu{display:block; position:absolute; z-index:1; right:20px; top:40px;}
	#header .header-wrap .gnb-wrap{display:none; position:absolute; width:100%; margin-top:0px; background:#fff; border-top-left-radius:3px; border-top-right-radius:3px;}
	#header .header-wrap .gnb-wrap .gnb{position:relative; border-top:1px solid #efefef; }
	#header .header-wrap .gnb-wrap .gnb>li{position:relative; border-left:none;}
	#header .header-wrap .gnb-wrap .gnb>li:first-child{border-left:0px;}
	#header .header-wrap .gnb-wrap .gnb>li>a{display:block; color:#656565; font-size:14px; font-weight:600; border-bottom:1px solid #efefef; padding:10px 0px 10px 20px; min-height:16px; text-align:left; border-left:4px solid #fff; border-right:4px solid #fff; background:url('/public/img/common/icn_arrow_down.png') right no-repeat;}
	#header .header-wrap .gnb-wrap .gnb>li:hover>a,
	#header .header-wrap .gnb-wrap .gnb>li.on>a{color:#af927b; border-right:4px solid #c6a68d;}

	#header .header-wrap .gnb-wrap .gnb-sub{display:none; position:relative; background:#fff; left:0px; box-shadow:none;}
	#header .header-wrap .gnb-wrap .gnb-sub>li{text-align:left; width:auto;}
	#header .header-wrap .gnb-wrap .gnb-sub>li>a{display:block; color:#656565; font-size:13px; font-weight:400; padding:10px 20px 10px 36px; border-bottom:1px solid #efefef; background:url('/public/img/common/bg_bl_01.png') 25px 19px no-repeat;}
	#header .header-wrap .gnb-wrap .gnb-sub>li>a:hover{color:#af927b;}
	
	#header .header-wrap .language-select{display:none;}

	#header .header-wrap .sns-wrap{display:none; text-align:center; margin-top:30px;}
	#header .header-wrap .sns-wrap span{display:inline-block; margin:0 4px;}

	
	

}


/*========================================================================
1024px 
========================================================================*/
@media screen and (max-width: 1024px) {



}


/*========================================================================
900px 
========================================================================*/
@media screen and (max-width: 900px) {
	


}




/*========================================================================
820px 
========================================================================*/
@media screen and (max-width: 820px) {	

}




/*========================================================================
768px 
========================================================================*/
@media screen and (max-width: 768px) {	

	#header .header-wrap .mobile-language {top:-10px;}
	#header .header-wrap .mobile-language a{margin:0 8px; font-size:15px;}
	
	#footer .inner-tbl .info p{font-size:13px; line-height:normal; text-align:center; padding:0 20px;}

	#contents-wrap .con-body .navi{float:right; padding-top:25px;}
	#contents-wrap .con-body .navi>li{font-size:14px;}
	#contents-wrap .con-body .navi>li a{font-size:14px;}
	#contents-wrap .con-body h2.sub-title{font-size:30px; padding:66px 0 10px; }
	#contents-wrap .con-body h2.sub-title span{display:inline-block; padding-left:20px; margin-left:20px; font-size:23px; line-height:110%; color:#6a6a6a; border-left:1px solid #b5b5b5;}


	table.list-tbl th{font-size:13px;}
	table.list-tbl td{font-size:13px;}
	
	table.view-tbl th{font-size:13px;}
	table.view-tbl td{font-size:13px;}
	
	table.write-tbl th{font-size:13px;}
	table.write-tbl td{font-size:13px;}

}




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

	table.list-tbl .num{width:40px;}
	table.list-tbl .reg_date{width:80px;}
	table.list-tbl .view_cnt{width:40px;}

}



/*========================================================================
540px 
========================================================================*/
@media screen and (max-width: 540px) {




}



/*========================================================================
480px 
========================================================================*/
@media screen and (max-width: 480px) {	

	#header .header-wrap h1 img.mobile{width:180px; height:auto;}
	#header .header-wrap .mobile-language a{margin:0 4px; font-size:12px;}
	#header .header-wrap .mobile-menu{top:20px;}

	#contents-wrap .con-body .navi{float:right; padding-top:25px;}
	#contents-wrap .con-body .navi>li{font-size:13px;}
	#contents-wrap .con-body .navi>li a{font-size:13px;}
	#contents-wrap .con-body h2.sub-title{font-size:22px; padding:66px 0 12px; }
	#contents-wrap .con-body h2.sub-title span{display:inline-block; padding-left:15px; margin-left:15px; font-size:18px; line-height:110%; color:#6a6a6a; border-left:1px solid #b5b5b5;}


	#footer{ padding:30px 0;}
	#footer .inner-tbl .info p{color:#d4d4d4; font-size:12px; letter-spacing:-1px;}
	
	#footer .inner-tbl .info .family-site{display:block; width:228px;}
	#footer .inner-tbl .info p.link {display:block;}

	table.list-tbl .num,
	table.list-tbl .reg_date,
	table.list-tbl .view_cnt,
	table.view-tbl .reg_id,
	table.view-tbl .view_cnt {display:none;}
	


}



/*========================================================================
360px 
========================================================================*/
@media screen and (max-width: 360px) {	
	

	

}




/*========================================================================
height 480px 
========================================================================*/
@media screen and (max-height: 480px) {	
	
	#header .header-wrap h1 img.mobile{width:180px; height:auto;}
	#header .header-wrap .mobile-menu{display:block; position:absolute; z-index:1; right:20px; top:20px;}
}