@charset "utf-8";


/*link*/
#board a{color:#2e2e2e; text-decoration:none;}
#board a:hover{text-decoration:underline;}

/*공지*/
#board .point a{color:#2e2e2e; text-decoration:none;}
#board .point a:hover{text-decoration:underline;}

#board  h1{padding:0 0 17px 0;}

#board{position:relative; margin:0; padding:0; width:360px; color:#5e5e5e; }
/*list*/
#board #blist{margin:0px; padding:0; overflow:hidden;}
#board #blist table{position:relative; width:360px; float:left; border-top:#c4c4c4 2px solid; color:#53728b; font-size:13px;}

/*tbody*/
#board #blist table thead{width:360px; color:#797979;height:25px;}
#board #blist table thead th{padding:7px 2px; /*background:url(/img/list_line_bg.gif) repeat-x bottom;*/ border-bottom:1px solid #e7e7e7; font-size:13px;}


#board #blist table thead .no{width:50px;}
#board #blist table thead .title{width:270px}
#board #blist table thead .re{width:40px;}/*답변*/

/*tbody*/
#board #blist table tbody{text-align:center; color:#565c7b; vertical-align:middle;}
#board #blist table tbody td{padding:2px 2px; /*background:url(/img/list_line_bg.gif) repeat-x bottom;*/ border-bottom:1px solid #e7e7e7; color:#a5a5a5; font-family:Tahoma;}
#board #blist table tbody td.btm{ border:0;}
#board #blist table tbody td.title{width:270px; height:25px;font-size:12px; text-align:left; color:#2e2e2e;}
#board #blist .reNum{font-size:11px; color:#f60029; padding:0 0 0 5px; margin:0;}
#board #blist .newico{padding:0 0 0 5px; margin:0; vertical-align:middle;}

/*상담추가*/
#board #blist table tbody td.re{width:38px;}/*답변*/
#board #blist table tbody td.name{color:#2e2e2e; padding-top:8px; width:70px;}/*작성자*/



/*공지*/
#board #blist .point{ background:#f6f6f6;}
#board #blist .point td{/*background:url(/img/list_line_bg.gif) repeat-x bottom #f6f6f6;*/ background:#f6f6f6; border-bottom:1px solid #e7e7e7;}
#board #blist .point .title{font-size:12px; font-weight:bold;}



#board #blist span.re_ing{position:relative; color:#fff; font-size:11px;width:25px; background:#cacaca; padding:3px;-moz-border-radius: 2px; /*모질라*/-webkit-border-radius: 2px; /*웹킷*//*IE9+,FF4+,chrome,Safari5,+opera*/border-radius: 2px;}/*답변*/
#board #blist span.re_ok{position:relative; color:#fff; font-size:11px; width:25px; background:#37c3db; padding:3px; -moz-border-radius: 2px; /*모질라*/-webkit-border-radius: 2px; /*웹킷*//*IE9+,FF4+,chrome,Safari5,+opera*/border-radius: 2px;}/*대기*/

.layerwrite #board{padding:23px 0px 9px 41px; position:relative;}
.layerwrite #board h1{padding:0 0 17px 0;}


/* #board_table 리스트  border:1px solid red; */
#board_table .board_table01 { width:1286px; text-align:center; margin:0 auto; }
.board_table01 thead th { font-weight:bold; padding:14px 2px 12px 2px; border-bottom:2px solid #4d4d4d; background:url('/skin/line_v.gif') no-repeat left 49%;}
.board_table01 td, .board_table01 tbody th { padding:12px 2px 10px 2px; border-bottom:1px dotted #b3b3b3; }
.board_table01 .subject { padding-left:12px; text-align:left; }
.board_table01 .st01{ padding:5px 0; font-weight:700; color:#fff; background:url(../images/common/st_01.gif) no-repeat center 0;}
.board_table01 .st02{ padding:5px 0; font-weight:700; color:#fff; background:url(../images/common/st_02.gif) no-repeat center 0;}

/* #board_table 리스트  border:1px solid red; */
#board_wrap .board_counsel_list { width:1286px;text-align:center;}
.board_counsel_list thead th { font-weight:bold; padding:14px 2px 12px 2px; border-bottom:2px solid #4d4d4d; background:url('/skin/line_v.gif') no-repeat left 49%;}
.board_counsel_list td, .board_counsel_list tbody th { padding:12px 2px 10px 2px; border-bottom:1px dotted #b3b3b3; }
.board_counsel_list .subject { padding-left:12px; text-align:left; }
.board_counsel_list .st01{ padding:5px 0; font-weight:700; color:#fff; background:url(../images/common/st_01.gif) no-repeat center 0;}
.board_counsel_list .st02{ padding:5px 0; font-weight:700; color:#fff; background:url(../images/common/st_02.gif) no-repeat center 0;}

/* #board_table 02 리스트  border:1px solid red; */
.board_table02 { width:100%; margin-top:14px; border-top:1px solid #b9b9b9;}
.board_table02 thead th { font-weight:bold; padding:7px 2px 6px 2px; border-bottom:1px solid #b2b2b2; background:url('/skin/line_v.gif') no-repeat left 49%;}
.board_table02 tbody th { width:20%; font-weight:bold; background:#fafafa; padding:6px 2px 6px 2px; border-bottom:1px solid #e3e3e3; }
.board_table02 td { padding:6px 2px 6px 12px; border-bottom:1px solid #e3e3e3; }
.board_table02 .subject { padding-left:12px; text-align:left; }


/* #board_table board_table01_inquiry  */
#board_wrap .board_counsel_inquiry { width:1286px;margin-bottom:50px;}
.board_counsel_inquiry thead th { text-align:left; font-weight:bold; padding:0px 2px 0px 30px;  border-bottom:2px solid #4d4d4d; background:url('../image/board_spot.gif') no-repeat 10px 49%;}
.board_counsel_inquiry tbody th { line-height:30px;padding:5px 10px 5px 2px; min-width:70px; border-bottom:1px dotted #b3b3b3; text-align:right;background:url('/skin/line_v.gif') no-repeat right 49%;}
.board_counsel_inquiry tbody th.check { background: url('../image/bl_check.gif') no-repeat 13px 49%;}
.board_counsel_inquiry td { padding:5px 2px 5px 16px; border-bottom:1px dotted #b3b3b3; }

#board_wrap .board_model_inquiry { width:1286px;margin-bottom:50px;}
.board_model_inquiry thead th { text-align:left; font-weight:bold; padding:5px 2px 5px 30px;  border-bottom:2px solid #4d4d4d; background:url('../image/board_spot.gif') no-repeat 10px 49%;}
.board_model_inquiry tbody th { line-height:30px;padding:5px 10px 5px 2px; min-width:70px; border-bottom:1px dotted #b3b3b3; text-align:right;background:url('/skin/line_v.gif') no-repeat right 49%;}
.board_model_inquiry tbody th.check { background: url('../image/bl_check.gif') no-repeat 13px 49%;}
.board_model_inquiry td { padding:5px 2px 5px 16px; border-bottom:1px dotted #b3b3b3; }

#board_wrap .board_model_inquiry2 { width:1286px;margin-bottom:50px;}
.board_model_inquiry2 thead th { font-size:14px;text-align:left; font-weight:bold; padding:5px 2px 5px 30px; background:url('../image/board_spot.gif') no-repeat 10px 49%;}
.board_model_inquiry2 tbody th { font-size:14px;line-height:30px;padding:5px 10px 5px 2px; min-width:70px; border-bottom:1px dotted #b3b3b3; text-align:right;background:url('/skin/line_v.gif') no-repeat right 49%;}
.board_model_inquiry2 tbody th.check { background: url('../image/bl_check.gif') no-repeat 13px 49%;}
.board_model_inquiry2 td { font-size:14px;padding:5px 2px 5px 16px; border-bottom:1px dotted #b3b3b3; }
.board_model_inquiry2 table .no td {border:none;}


/* #board_table board_table01_inquiry  */
#board_wrap .board_table01_inquiry {width:1286px;margin-bottom:50px; }
.board_table01_inquiry thead th { text-align:left; font-weight:bold; padding:9px 2px 8px 30px; border-top:2px solid #4d4d4d; border-bottom:1px solid #b2b2b2; background:url('../image/board_spot.gif') no-repeat 10px 49%;}
.board_table01_inquiry tbody th { line-height:30px;padding:8px 10px 7px 2px; min-width:70px; border-bottom:1px dotted #b3b3b3; text-align:right;background:url('/skin/line_v.gif') no-repeat right 49%;}
.board_table01_inquiry tbody th.check { background: url('../image/bl_check.gif') no-repeat 13px 49%;}
.board_table01_inquiry td { padding:8px 2px 7px 16px; border-bottom:1px dotted #b3b3b3; }

#board_wrap2 .board_table02_inquiry { width:100%;margin-bottom:30px;border-left:24px solid #f4f4f4;border-right:24px solid #f4f4f4; }
#board_wrap2 .board_reserve_inquiry { width:100%; }
.board_reserve_inquiry thead th { text-align:left; font-weight:bold; padding:9px 2px 8px 30px; border-top:2px solid #4d4d4d; border-bottom:1px solid #b2b2b2; background:url('../image/board_spot.gif') no-repeat 10px 49%;}
.board_reserve_inquiry tbody th { line-height:30px;padding:8px 10px 7px 2px; min-width:70px; border-bottom:1px dotted #b3b3b3; text-align:right;background:url('/skin/line_v.gif') no-repeat right 49%;}
.board_reserve_inquiry tbody th.check { background: url('../image/bl_check.gif') no-repeat 13px 49%;}
.board_reserve_inquiry td { padding:8px 2px 7px 16px; border-bottom:1px dotted #b3b3b3; }

/* #board_table01_view   background-color:#fbfbfb;  e5e5e5 */
.board_table01_view {width:100%; border-top:1px solid #4d4d4d; }
.board_table01_view th { color:#333333; font-weight:bold; padding:10px 2px 8px 2px; background-color:#e5e5e5; border-bottom:1px solid #d5d5d5; text-align:center;}
.board_table01_view td {padding:10px 2px 8px 12px; border-bottom:1px solid #d5d5d5;  background-color:#ffffff; }
.board_table01_view .view_datacon { padding:30px 25px; min-height:200px; vertical-align:top;}

.board_table01_commentview {width:100%; padding-top:10px; }
.board_table01_commentview td.bn {padding:0px;   background-color:#ffffff; border:none; }

/* 서치폼 셀렉트박스 p_searchtype  */
.searchbox {margin:10px auto; text-align:center; border:2px solid #dcdcdc; background:#fff; height:30px; padding-top:10px;}

.searchbox #p_searchtype { margin-top:0; height:28px; width:80px; padding:0 0 0 3px; vertical-align: top; border:1px solid #D0D0D0; line-height:12px;}
.searchbox .input01_text { color:#5E5E5E; margin:0 5px 0 0; border:1px solid #D0D0D0; padding-left:3px; line-height:100%; height:24px; vertical-align:top;}



.board_table01_write {width:100%; margin-bottom:30px; border-top:1px solid #4d4d4d;}
.board_table01_write th { color:#333333; font-weight:bold; padding:10px 2px 8px 2px; border-bottom:1px solid #e5e5e5; background-color:#f0f0f0; text-align:center;}
.board_table01_write td { padding:10px 2px 8px 12px; border-bottom:1px solid #e5e5e5;  padding-left:3px; }
.board_btn { overflow:hidden; margin-bottom:100px; text-align:center; }
.board_btn span { pad:0 4px;}


.board_topbg {background:url(/image/board_topbg.gif) no-repeat;}
.board_graybg {background:url(/image/board_gray_bg.gif);}
.board_nobg {background:url(/image/no_bg.gif) no-repeat;}
.board_hitbg {background:url(/image/hit_gray_bg.gif);}
.board_counter {float:left;}
.board_line {background-color:#ddd; height:1px;}
.board_line02 {padding-left:3px; padding-right:3px;}
.bold {font-weight:bold;}
.board_search_bg {border:8px solid #ebebeb; width:720px; height:54px;}

.search_input {width:202px; height:17px; border:1px solid #ddd;}

.board_bullet01 {background:url(/image/board_bullet.gif) no-repeat; padding-left:15px; font-weight:bold; color:#828282;}
.board_view_th01 {float:left; width:184px;}
.board_view_th02 {float:left;}
.board_view_th01 li {float:left;}
.board_view_th02 li {float:left;}
.file_th {font-weight:bold;}
.file_icon {margin-left:3px; margin-top:-2px;}
.file_name {margin-left:3px;}
.board_bullet02 {background:url(/image/board_bullet.gif) no-repeat; padding-left:15px; font-weight:bold; color:#5c9b14;}


/* 덧글부분 */
.reply_bg {border-bottom:2px solid #cccccc; border-top:2px solid #cccccc; background-color:#f9f9f9; padding-left:5px;  padding-right:5px;}
.reply_input01 {width:88px; height:18px; border:1px solid #d0d0d0;}
.reply_input02 {width:493px; height:60px; border:1px solid #d0d0d0;}
.reply_prev {background:url(/image/btn_prev01.gif) no-repeat; padding-left:20px;}
.reply_next {background:url(/image/btn_next01.gif) no-repeat; padding-left:20px;}

.board_bullet01 {background:url(/images/board/board_bullet.gif) no-repeat; padding-left:15px; font-weight:bold; color:#828282;}
.board_view_th01 {float:left; width:184px;}
.board_view_th02 {float:left;}
.board_view_th01 li {float:left;}
.board_view_th02 li {float:left;}

/* 버튼들공간 */
.box_normal  .board_btn_wrap { position:relative; margin:20px 0 0 0;}
.box_normal  .board_btn_wrap .ap_right { position:absolute; right:0; top:0;}

/* 게시판사용 */
.total { font-size:12px; padding-bottom:8px;}
.yell { font-family:"nanum"; font-size: 9pt; color: #000000; }
.submit {border:solid 1;border-color:#666666;font-size:9pt;color:#333333;background-color:#F5F5F0;height:19px}
.eng {font-family:tahoma;color:999999;font-size:8pt;text-decoration:none; letter-spacing:0pt}
.ko_name {font-family:nanum;color:999999;font-size:9pt;text-decoration:none; letter-spacing:0pt}
.num {
font-family:tahoma;
color:#29435B;
font-size:8pt;
text-decoration:none; 
letter-spacing:0pt;
text-align:center;
}
.comment {font-family:tahoma;color:FF6600;font-size:13px;text-decoration:none; letter-spacing:0pt}
.input_text {font-family:nanum; font-size:13px; color:#5E5E5E; margin-top:0; margin-bottom:0;  border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px;}
.input_st01 {font-family:nanum; font-size:13px; color:#5E5E5E; margin-top:0; margin-bottom:0; border: 1px solid #D0D0D0; padding-left:3; line-height:125%; height:20px; background-color:#fbfbfb;}
.input_st01_area {font-family:nanum; font-size:13px; color:#5E5E5E; margin-top:0; margin-bottom:0; border: 1px solid #D0D0D0; padding-left:3; line-height:125%;}

select {font-family:nanum; color:#6e6e6e; border:1px solid #D0D0D0;  padding-left:1px; padding-top:1px; padding-bottom:1px; line-height:125%; height:22px;}

/* 버튼들공간 */
.box_normal  .btn_wrap { position:relative; margin:20px 0 0 0;}
.box_normal  .btn_wrap .ap_right { position:absolute; right:0; top:0;}

/* 카테고리 */
#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:20px;padding-left:1px;width:100%;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:15px 0;width:130px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

.qinput	{border:solid 3px #cacaca; background-color:#fbfbfb; color:#666663;line-height:30px;font-size:12px;}
.qinputs	{border:solid 3px #cacaca; background-color:#fbfbfb; color:#666663;line-height:36px;font-size:12px;}

.p_agree { width:320px; margin:5px auto; text-align:center; }

.cdb228a							{color:#db228a;}
.resrve_boder2 { border:solid 1px #d9d9d9;}

.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */

.movdiv{ z-index:99999999;position:fixed; width:100%; height:100%; top:0; left:0; background:url("/skin/layer/quickbg.png"); }
.movdiv iframe{ top:50%; left:50%; margin:-300px 0 0 -500px; position:absolute } /* 1000 x 600 */
.movdiv p{ top:50%; left:50%; margin:-350px 0 0 500px; position:absolute; cursor:pointer; z-index:1}

#medialistwrapTube { position:relative; width:1284px; margin:0 auto; padding-bottom:20px;  }
#medialistwrapTube ul { padding-top:0px;  font-size:0;}
#medialistwrapTube ul li.medialist {position:relative; width:32%; display:inline-block; vertical-align:top; margin-bottom:40px; }
#medialistwrapTube ul li.medialist:nth-child(3n-1){margin:0 2%;}
#medialistwrapTube .medialist ul li.best { position:absolute; top:0px; left:0px; z-index:999;font-size:17px;font-weight:bold;color:#fff;padding:10px 20px; background:#e40c0c; font-family:'Nanum'; }
#medialistwrapTube .medialist ul li.thumbnail { position:relative; margin:auto; width:100%; z-index:1;overflow:hidden;}
#medialistwrapTube .medialist ul li.thumbnail img{width:100%; }
#medialistwrapTube .medialist ul li.title { overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; padding:15px 0 0 0; width:90%; text-align:center; margin:0 auto;  font-size:16px; color:#000; text-decoration:none; }
#medialistwrapTube .medialist ul li.title a {  text-overflow:ellipsis; white-space:nowrap; font-size:16px; color:#000; text-decoration:none; line-height:20px; }
#medialistwrapTube .medialist ul li.text { padding:0px 0 16px 0; width:90%; margin:0 auto; font:13px; color:#5f5f61; line-height:170%;word-wrap:break-word;}
#medialistwrapTube .medialist ul li.bt {text-align:right; margin-top:10px; margin-bottom:30px; margin-right:20px;}

.mainyoutube { width:100%; height:296px; margin:0 auto; margin-top:80px; margin-bottom:80px; overflow:hidden; }
.mainyoutube ul li.imgs {  float:left; width:48%; height:300px; margin-right:2%; }
.mainyoutube ul li.imgs img { position:relative; top:-60px; width:100%; }
.mainyoutube ul li.txt {  float:left; width:48%; padding-top:40px; margin-left:2%; font-family:'NanumGothicBold'; font-size:16px; color:#000; line-height:170%; }

.realselca_title {width:250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}

.list_btn{font-family: 'Nanum';overflow:hidden; font-size:0; text-align:center; margin-top:40px;}
.list_btn dt{float:left;}
.list_btn dt a{display:inline-block; width:120px; line-height:40px; font-size:13px; color:#fff; background:#b7b7b7;}
.list_btn dt a:first-of-type{margin-right:5px;}
.list_btn dt a:hover { background:#000; }
.list_btn dd{float:right;}
.list_btn dd a{font-family: 'Nanum';display:inline-block; width:120px; line-height:40px; font-size:13px; color:#fff; background:#5b5b5b;}
.list_btn dd a:hover { font-family: 'Nanum';background:#000; }

.view_btn {font-family: 'Nanum';overflow:hidden; font-size:0; text-align:center; margin-top:50px;}
.view_btn dt{float:left;}
.view_btn dt a{display:inline-block; width:120px; line-height:40px; font-size:13px; color:#fff; background:#b7b7b7;}
.view_btn dt a:hover { background:#000; }
.view_btn dd{float:right;}
.view_btn dd a{display:inline-block; width:120px; line-height:40px; font-size:13px; color:#fff; background:#5b5b5b;}
.view_btn dd a:first-of-type{margin-right:5px;}
.view_btn dd a:hover { background:#000; }

.write_btn_center{font-family: 'Nanum';text-align:center; margin-top:50px; font-size:0;}
.write_btn_center a{display:inline-block; width:120px; line-height:40px; color:#fff; background:#ea1c5b; font-size:13px;}
.write_btn_center a:last-of-type{background:#b7b7b7; margin-left:10px;}

.centerBox { display:flex; justify-content:center; align-items:center }

.common_board { position:relative; max-width:1288px; margin:0 auto; line-height:1;

	/* title(button) */
	--font-sp1:'nsn_2';

	/* font size */
	--font-size-titleL2-pc:32px;
	--font-size-titleL2-mobile:24px;
	
	--font-size-titleL1-pc:22px;
	--font-size-titleL1-mobile:17px;
	
	--font-size-title-pc:17px;
	--font-size-title-mobile:15px;
	
	--font-size-nav-pc:20px;
	--font-size-nav-mobile:16px;
	
	--font-size-list-pc:15px;
	--font-size-list-mobile:13px;
	
	/* color */
	--color-key:#a02932;
	--color-dark:#333;
	
	/* width,height(button) */
	--width-btn-pc:150px;
	--height-btn-pc:60px;
	--width-btn-mobile:90px;
	--height-btn-mobile:35px;
	
	/* screen width */
	--mobile-width:calc(100% - 40px)
}
.common_board a:link { color:var(--color-dark); text-decoration:none; outline:none }
.common_board a:visited { color:var(--color-dark); text-decoration:none; outline:none }
.common_board a:active { color:var(--color-dark); text-decoration:none; outline:none }
.common_board a:hover { color:var(--color-dark); text-decoration:none; outline:none }


/* roundBox */
.common_board .roundBox { border-radius:5px; overflow:hidden }
/* select */
.common_board .select_wrap { height:40px } /* select height */
.common_board select { border:1px solid #ccc; width:100%; height:100%; font-size:var(--font-size-list-pc); /*line-height:1;*/ color:var(--color-dark); padding:0 10px; transition:all ease-out .3s }
.common_board select.active { border:1px solid #000 }
.common_board select {
	-webkit-appearance:none; /* 네이티브 외형 감추기 */ 
	-moz-appearance:none; 
	appearance:none;
	background:url(/images/sub/board/arrow.png) calc(100% - 20px) center no-repeat; /* 화살표 모양의 이미지 */
} 
.common_board select::-ms-expand { display:none } /* IE 10, 11의 네이티브 화살표 숨기기 */
/* input */
.common_board .input_wrap { height:40px } /* input height */
.common_board .objinput { background:#f7f7f7; border:1px solid #ccc; width:100%; height:100%; font-family:var(--font-default); font-size:var(--font-size-list-pc); color:var(--color-dark); padding:0 10px; transition:all ease-out .3s }
.common_board .objinput.active { background:#fff; border:1px solid #000 }
/* placeholder */
.common_board .objinput::placeholder { font-family:var(--font-default); font-size:15px; /*line-height:1;*/ color:#666 }
.common_board::-webkit-input-placeholder { /* Webkit browsers */ color:#666 }
.common_board:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#666 }
.common_board::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#666 }
.common_board:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#666 }
/* pagination */
.common_board .pagination_container { display:flex; justify-content:center; gap:10px; margin-top:80px }
.common_board .pagination_container .pagination_wrap { display:flex; justify-content:center; gap:10px }
.common_board .pagination_container .pagination_wrap .btn { position:relative; width:34px; height:34px; background:#fff; border:0px solid #eee; transition:all ease-out .3s }
.common_board .pagination_container .pagination_wrap .btn:before { content:''; bottom:0; left:50%; margin-left:-10px; position:absolute; width:20px; height:2px; background:#fff; transition:all ease-out .3s }
.common_board .pagination_container .pagination_wrap .btn p { font-size:var(--font-size-list-pc); color:var(--color-dark) }
.common_board .pagination_container .pagination_wrap .btn.active { border:0px solid #ccc }
.common_board .pagination_container .pagination_wrap .btn.active:before { background:#ccc }
.common_board .pagination_container .pagination_wrap .btn.on { border:0px solid #000; background:#fff }
.common_board .pagination_container .pagination_wrap .btn.on:before { background:#000 }
.common_board .pagination_container .pagination_wrap .btn.on p { color:#000 }
/* prev/next */
.common_board .btn_pn { position:relative; width:34px; height:34px; background:#fff; border:1px solid #ddd; border-radius:17px; transition:all ease-out .3s}
.common_board .btn_pn.active { border:1px solid #666 }
.common_board .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:2px }
.common_board .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-2px }
.common_board .btn_pn .arrow { border:solid #000; border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:3px }
.common_board .btn_first .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:4px }
.common_board .btn_last .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-4px }
.common_board .btn_pn_fl .arrow { border:solid #000; border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:3px }
.common_board .btn_first .arrow:last-child { margin-left:-1px }
.common_board .btn_last .arrow:last-child { margin-left:1px }
/* search */
.common_board .search_container { margin-top:40px; display:flex; justify-content:center; align-items:center; gap:10px }
.common_board .search_container .select_wrap { width:150px }
.common_board .search_container .input_wrap { width:300px }
.common_board .search_container .btn_search { background:#333; width:150px; height:40px; border-radius:5px; transition:all ease-out .3s }
.common_board .search_container .btn_search.active { background:#000 }
.common_board .search_container .btn_search p { font-family:var(--font-sp1); font-size:var(--font-size-title-pc); color:#fff }
/* sns(naver/kakao) */
.common_board .sns_wrap { display:flex; justify-content:center; gap:60px; width:100%; background:#fff }
.common_board .sns_wrap > a { width:calc((100% - 180px)/2) }
.common_board .sns_wrap .btn { width:100%; padding-right:20px; height:120px; display:flex; justify-content:center; border-radius:5px }
.common_board .sns_wrap .btn .icon { width:100px; height:100% }
.common_board .sns_wrap .btn .txt_wrap { display:flex; flex-direction:column; justify-content:center; gap:10px }
.common_board .sns_wrap .btn .txt_wrap .t1 { font-family:var(--font-sp1); font-size:22px; color:#fff }
.common_board .sns_wrap .btn .txt_wrap .t2 { font-family:var(--font-sp1); font-size:10px; color:rgba(255,255,255,.6); letter-spacing:6px }
.common_board .sns_wrap .btn_naver { background:#1dc800; }
.common_board .sns_wrap .btn_naver .icon { background:url(/skin/member/icon_naver.gif) no-repeat center center }
.common_board .sns_wrap .btn_katalk { background:#ffeb00 }
.common_board .sns_wrap .btn_katalk .icon { background:url(/skin/member/icon_katalk.gif) no-repeat center center }
.common_board .sns_wrap .btn_katalk .txt_wrap .t1 { color:rgba(0,0,0,.8);  }
.common_board .sns_wrap .btn_katalk .txt_wrap .t2 { color:rgba(0,0,0,.4); letter-spacing:3.5px;}
/* 개인정보취급방침 */
.common_board .agree_wrap { width:100%; border:1px solid #ddd; background:#fcfcfc; padding:40px 30px 30px 30px; text-align:left }
.common_board .agree_wrap .title { font-family:var(--font-sp1); font-size:var(--font-size-titleL1-pc); color:var(--color-dark); transform:scaleX(.95); transform-origin:left }
.common_board .agree_wrap .contents { font-size:13px; border:1px solid #ddd; background:#fff; padding:20px; line-height:1.5; color:#555; height:150px; overflow:auto; overflow-x:hidden; margin-top:20px }
.common_board .agree_wrap .bt_wrap { display:flex; align-items:center; gap:10px; margin-top:20px }
.common_board .agree_wrap .bt_wrap p { font-size:15px; color:var(--color-dark) }

/* mobile  start ----------------------------------------------------------------------------------------------------------------------------- */
/* mobile  end ----------------------------------------------------------------------------------------------------------------------------- */

/* notice */
#board_notice { padding:50px 0; position:relative }
#board_notice p { text-align:center; font-family:var(--font-default); font-size:15px; /*line-height:1;*/ letter-spacing:-.5px; color:#333 }
/* skip */
#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }

/* 일반페이지 하단 전후사진*/
#subalbum .box_album { width:1288px; margin:0px auto; margin-top:40px; position:relative }

#s_notice { padding:50px 0; position:relative }
#s_notice p { text-align:center; font-family:var(--font-default); font-size:15px; /*line-height:1;*/ letter-spacing:-.5px; color:#333 }

.common_board .contents_wrap .contents  img {
    max-width: 100%;
    height: auto;
	/*width     : 100%;
    height    : 100%;
	object-fit: scale-down;*/

	
}