﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/*기본 클래스*/

/**,form {margin: 0px; padding: 0px;}*/
/*html, body, form {width:100%; height:100%;}*/

/*html{overflow-y:scroll; overflow-x:hidden; _overflow-x:auto;}*/
/*body {font-size:12px; font-family:'malgun gothic','돋움',dotum; color:#333;}
a{text-decoration: none;}
img,fieldset{border:none;}
ul,ol{list-style:none}
em, address{font-style:normal;}
table{border-collapse: collapse; empty-cells:show;}
form{display:block;}
img, select, input,textarea {vertical-align: middle; font-family:'malgun gothic', gulim; }

a{color:#333; text-decoration:none;} 
a:hover, a:focus {color:#f96e11;} 

hr{border:1px solid #efefef;}*/

/*공통 클래스*/

/*float*/
.fl{float: left !important;}
.fr{float: right !important;}
.cl_both {clear:both !important; visibility:hidden; height:0; font-size:0; line-height:0;}
.cl_left{clear:left !important;}
.clear {clear:both;}
.cl_after:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}

/*position*/
.rel{position: relative;}
.abs{position: absolute;}

/* [display] */
.inblock {display:inline-block;}
.none {display:none;}
.txtover{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txthide{
	 font-size: 0px; 
	 text-indent: -10000%;
}

.ws_normal{white-space:normal !important;}

/* [서식1-search] */
/*select, input {margin:0; padding:2px;}*/
/*select {height:20px; padding:1px; font-size:12px; border:1px solid #999; color:#444; }*/ /*  vertical-align:middle : 돋움,굴림,한글,영문에따라 가운데정렬이 조금씩 다르다 */
/*select.mini {height:18px; }*/ /*   */
/*
.input-text1 {height:15px; padding-top:3px; border:1px solid #7f9db9; font-size:12px;}
.input-text2 {height:15px; padding-top:3px; border:1px solid #d6d6d6; font-size:12px;}

.input-image {margin:0; padding:0; border:none;}*/
/*.input-radio {width:13px; height:13px; margin-bottom:2px; padding:0; } *//*ie6에서 라디오박스외곽에 padding값을 width.height값을 주어 없애준다*/
/*.input-check {width:13px; height:13px;}
.input-file {height:22px; padding-top:2px; border:1px solid #d6d6d6; font-size:12px; background:#f5f4eb; }
.textarea {border:1px solid #d6d6d6; font-size:12px;}*/
.button{
	 padding: 0.2em 1em;
}


/* table */
.tbl-fixed {table-layout:fixed;}

/*텍스트 정렬*/
.txt-l{text-align: left !important;}
.txt-r{text-align: right !important;}
.txt-c{text-align: center !important;}

/* 폰트컬러 */
.ft_red {color:red !important;}
.ft_green {color:green !important;}
.ft_blue {color:blue !important;}
.ft_black {color:black !important;}
.ft_yellow {color:yellow !important;}
.ft_aqua {color:aqua !important;}
.ft_fuchsia {color:fuchsia !important;}
.ft_lime {color:lime !important;}
.ft_gray {color:gray !important;}
.ft_teal {color:teal !important;}
.ft_white {color:white !important;}
.ft_olive {color:olive !important;}
.ft_purple {color:purple !important;}
.ft_silver {color:silver !important;}
.ft_maroon {color:maroon !important;}
.ft_navy {color:navy !important;}
.ft_orange {color:#f07800 !important;}

/* 폰트스타일 */
.ft_u {text-decoration:underline;}
.ft_b {font-weight:bold;}
.ft_n {font-weight:normal;}

.txuc {text-transform: uppercase;}
.txlc {text-transform: lowercase;}
.txcp {text-transform: capitalize;}

/* 폰트자간 */
.ft_sp0 {letter-spacing:0 !important;}
.ft_sp1 {letter-spacing:-1px !important;}

/* 폰트사이즈 */
.ft_s11 {font-size:11px; font-family:Dotum;}
.ft_s12 {font-size:12px; font-family:Gulim;}
.ft_s14 {font-size:14px; font-family:Dotum;}

/* margin/padding */
.mg0 {margin:0px !important;}
.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}

.mgt0 {margin-top:0px !important;}
.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}

.mgr0 {margin-right:0px !important;}
.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:15px !important;}
.mgr20 {margin-right:20px !important;}
.mgr25 {margin-right:25px !important;}
.mgr30 {margin-right:30px !important;}


.mgb0 {margin-bottom:0px !important;}
.mgb5 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}

.mgl0 {margin-left:0px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl25 {margin-left:25px !important;}
.mgl30 {margin-left:30px !important;}

.pd0 {padding:0px !important;}
.pd10 {padding:10px !important;}
.pdr0 {padding-left:0px!important;}
.pdl0 {padding-left:0px!important;}
.pdt0 {padding-top:0px!important;}
.pdb0 {padding-bottom:0px!important;}
.pd1em{padding:1em;}
.pdt15{padding-top:15px;}
.pdb15{padding-bottom:15px;}

.w100{width:100% !important;}
.h100{height:100%;}

.border_bt1{border-bottom:1px solid #ccc;}
.border-0{border:none;}

/*메인페이지*/
.mibox{
	margin:-16px -16px 0px;
}

/*전체 레이아웃*/
/*body {
	background:url('../images/common/woods_hg.jpg') repeat;
}*/

.li_short_h2 {margin-right:5em !important;}
h2 {display: block; 
/* white-space: nowrap !important;  */
overflow: hidden !important; 
text-overflow: ellipsis !important;
white-space: normal !important; 
line-height: 1.2em; 
height: 2.4em; 
text-align: left; 
word-wrap: break-word; 
display: -webkit-box; 
-webkit-line-clamp: 3; 
-webkit-box-orient: vertical; 
}

.stitle {
/*	background:#ececec url(./themes/default/images/icons-png/camera-black.png) no-repeat 8px center; */
	background:#ececec;
	margin: -1.0em;
	margin-bottom: 1em;
	padding: 0.5em 0.8em 0.5em;
	font-size: 18px;
	height:1.2em;
	line-height:1.3em;
}
.ul_mt{margin-top: -1.2em !important; }
/*.ui-content img{
	width:100% !important;
}*/

/*뷰화면 사진정보*/
.imginfo{
	font-size: 9pt;
}
.imginfo li strong{
	display:inline-block;
	width:8em;
	text-align: right;
	margin-right:0.5em;
}
/*사진연구회 리스트*/
.controlgroup-textinput{
    padding-top:.22em;
    padding-bottom:.22em;
    width:9.4em;
}
.pcsfts{
	font-size: 9.5pt !important;
}
.ml{
	border:1px solid #d7d7d7;
}
.ml th, .ml td{
	line-height: 1.8em;
	/*border:1px solid red;*/
}
.ml th{
	color:#008080;
	text-align: right;
	width:4em;
	vertical-align: top;
}
.ml td span{
	white-space:nowrap;
	margin-left:.8em;
}

/*태그*/
.tag{
	background: url(../images/price-tag.png) no-repeat 0px 5px;
	padding:5px 46px;
	overflow:auto;
	min-height:32px;
	height:auto;
	font:13px/32px sans-serif;
}