/*
	- Project : 
	- Author : odini84@gmail.com
	- Description : style sheet
	- Create : YYYY-MM-DD
	- Modify : YYYY-MM-DD
	- Version : ver 1.0

	* ¼öÁ¤ ÁÖ¼®Ã³¸® ¼ø¼­ : ³¯Â¥ À̸§ ¼öÁ¤»çÇ×

	- MODIFY HISTORY (¼öÁ¤ ºÎºÐ, ¼öÁ¤ÀÏ ¹Ýµå½Ã ÀÛ¼º)
		-
*/

/*
========================================================================
RESET
========================================================================
*/
/* global rest */
html, body { height: 100%; }
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
input, select, textarea, button {
	margin: 0;
	padding: 0;
}
body,
h1, h2, h3, h4, h5, h6, table, li, button,
input, select, textarea {
	font-size: 12px; line-height: 1.25; color: #676767; font-family: "µ¸¿ò", Dotum, AppleGothic, Tahoma, sans-serif;
	-webkit-text-size-adjust: none; 	
}
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
img, fieldset, button { border: 0 none; }
img { vertical-align: top; max-width: 100%; }
li { list-style: none; }
hr, caption, legend { display: none; }
a { color: #676767; text-decoration: none; }
a:hover { }
button { cursor: pointer; }
address, em { font-style: normal; }
button, input, select, textarea, a { vertical-align: middle; }
select { height: 21px; line-height: 21px; }
input:focus { outline: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-wrap: break-word; word-break: keep-all; }
/*
========================================================================
COMMON CLASS
========================================================================
*/
/* image replace, hidden text */
.ir *,
.blind { z-index:-1; position: absolute; display: block; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; text-indent: -9999px; }
/* block, inline */
.d-block { display: block;}
.d-inline { display: inline;}
/* form */
.chk-rdo,
.txt-input,
select,
.txt-area { vertical-align: middle; }
.chk-rdo { width: 14px; height: 14px; }
.txt-input { }
/* table */
.tb-left { text-align: left; }
.tb-center { text-align: center; }
.tb-right { text-align: right; }
/*
========================================================================
Z-INDEX
========================================================================
*/
/* z-index */
#tLinkWrap { z-index: 2; }
#hdrWrap,
#ftrWrap { z-index: 1; }
#content { z-index: 0; }
/*
========================================================================
LAYER
========================================================================
*/
/* app ´Ù¿î ·¹À̾î */
#dwLayer { display: none; position: absolute; left: 0px; top: 26px; width: 213px; height: 148px; letter-spacing: -1px; border: 2px solid #2159d4; background-color: #fff; }
#dwLayer .lcont { padding: 13px 10px 0 15px; }
#dwLayer .close { display: block; overflow: hidden; position: absolute; right: 6px; top: 6px; width: 9px; height: 9px; text-indent: -9999px; background: url(../images/photograph/btn/dwlayer_close.gif) no-repeat 0 0; }
#dwLayer h2,
#dwLayer a { font-size: 11px; }
#dwLayer h2 { height: 22px; color: #333; letter-spacing: -1px; border-bottom: 1px solid #c9d0d6; }
#dwLayer ul { margin-top: 6px; }
#dwLayer li { zoom: 1; overflow: hidden; height: 14px; padding-top: 15px; }
#dwLayer li a { display: block; position: relative; zoom: 1; overflow: hidden; }
#dwLayer li.now a,#dwLayer li a:hover { font-weight: bold; }
#dwLayer .txt { float: left; color: #333; }
#dwLayer .about { display: inline; float: right; margin-right: 4px; padding-right: 8px; background: url(../images/photograph/common/bull_dwlayer_about.gif) no-repeat right 3px; }
#dwLayer .about { text-decoration: underline; color: #2863d9; }
/* app ´Ù¿î »ó¼¼ ·¹À̾î */
#dwLayerDetail { display: none; position: absolute; left: 217px; top: 26px; width: 402px; height: 152px; letter-spacing: -1px; background-color: #2259d7; }
#dwLayerDetail .lcont { padding: 22px 216px 0 21px; }
#dwLayerDetail .close { display: block; overflow: hidden; position: absolute; right: 11px; top: 8px; width: 9px; height: 9px; text-indent: -9999px; background: url(../images/photograph/btn/dwlayerdetail_close.gif) no-repeat 0 0; }
#dwLayerDetail,
#dwLayerDetail h2,
#dwLayerDetail a { font-size: 11px; }
#dwLayerDetail h2,
#dwLayerDetail p.dsc { color: #fff; }
	/* tit */
	#dwLayerDetail h2 { font-weight: bold; font-size: 14px; }
	/* dsc */
	#dwLayerDetail p.dsc { margin-top: 3px; line-height: 16px; }
	/* btn */
	#dwLayerDetail .btn { margin-top: 10px; }
	/* dw */
	#dwLayerDetail .dw { zoom: 1;  overflow: hidden; margin-top: 5px; font-family: Tahoma; font-size: 10px; letter-spacing: 0; }
	#dwLayerDetail .dw dt,
	#dwLayerDetail .dw dd { float: left; }
	#dwLayerDetail .dw dt { color: #91b2ff; margin-right: 3px; }
	#dwLayerDetail .dw dd { font-weight: bold; color: #fff; }
	/* link, qrcode, ico */
	#dwLayerDetail .link,
	#dwLayerDetail .ico,
	#dwLayerDetail .qrcode { position: absolute; }
		/* link */
		#dwLayerDetail .link { left: 323px; bottom: 22px; zoom: 1; overflow: hidden; }
		#dwLayerDetail .link li { clear: both; float: left; padding-top: 3px; padding-left: 8px; }
		#dwLayerDetail .link li.now { background: url(../images/photograph/common/bull_dwapp_now.gif) no-repeat 0 7px; }
		#dwLayerDetail .link a { color: #91b2ff; text-decoration: underline; white-space: nowrap; }
		#dwLayerDetail .link li.now a,
		#dwLayerDetail .link a:hover { color: #fff; font-weight: bold; }
		/* qrcode,ico  */
		#dwLayerDetail .ico,
		#dwLayerDetail .qrcode { left: 201px; bottom: 19px; }
			/* qrcode */
			#dwLayerDetail .qrcode { width: 101px; height: 100px; border: 6px solid #f71070; }
			#dwLayerDetail .qrcode img { float: left; width: 100%; height: 100%; }
			/* lcont-cm */
			#dwLayerDetail .lcont-cm { display: none; }
	/* ¿§ÁöºÏ ÆÐ¼Ç¾Û */
	#dwlayerEdgebook .qrcode { border-color: #f71070; }
	/* ¼¿¸¶ */
	#dwlayerSellma .qrcode { border-color: #ffdd00; }
/*
========================================================================
tLinkWrap
========================================================================
*/
#tLinkWrap { position: relative; zoom: 1; border-bottom: 1px solid #dce5ec;}
#tLink { position: relative; zoom: 1; height: 25px; width: 880px; margin-left: auto; margin-right: auto; }
#tLink:after { content: "";  display: block; clear: both; }
	/* dlink */
	#tLink .dlink { position: absolute; left: 0px; top: 0px; margin-left: 15px; padding-top: 1px; font-size: 11px; }
	#tLink .dlink dt,
	#tLink .dlink dd,
	#tLink .dlink a { float: left; height: 24px; line-height: 24px; letter-spacing: -1px; }
	#tLink .dlink dt { word-spacing: 2px; margin-right: 6px; }
	#tLink .dlink a { padding-right: 11px; font-weight: bold; letter-spacing: -1px; word-spacing: 1px; font-family: Tahoma; background: url(../images/photograph/common/bull_tlink_dwn.gif) no-repeat right 10px; }
	#tLink .dlink a span { font-family: Dotum; }
	/* mlink */
	#tLink .mlink { position: absolute; right: 0px; top: 0px; padding-top: 1px; padding-right: 7px; letter-spacing: -1px; }
	#tLink .mlink dd { float: right; }
	#tLink .mlink li,
	#tLink .mlink a { float: left; width: auto; font-size: 11px; }
	#tLink .mlink a { height: 24px; line-height: 24px; letter-spacing: -1px; }
	#tLink .mlink li { padding-left: 12px; margin-left: 12px; background: url(../images/photograph/common/bull_bar_h10_w1.gif) no-repeat left 6px; }
	#tLink .mlink .first { background: none; }
	#tLink .mlink a span { font-weight: bold; }
	#tLink .mlink a .make { color: #176fc8; }
	#tLink .mlink a .shop { color: #222; }
/*
========================================================================
gnbWrap
========================================================================
*/
#gnbWrap { position: relative; height: 400px; background-position: 50% 0; background-repeat: no-repeat; }
#gnbWrap .cont { position: relative; width: 880px; height: 400px; margin-left: auto; margin-right: auto; }
#gnb { position: absolute; left: 0px; top: 18px; width: 950px; }
#gnb li { position: relative; float: left; width: auto; margin-right: 28px; }
#gnb li.map { margin-right: 0; } 
#gnb li.now { margin-right: -7px; padding-top: 20px; }
#gnb li.now2 { margin-left: -34px; padding-top: 20px; }
/*
========================================================================
ftrWrap
========================================================================
*/
#ftrWrap { zoom: 1; position: reltive; width: 880px; margin-left: auto; margin-right: auto; padding-top: 11px; padding-bottom: 20px; color: #7f7f7f; font-size: 11px; border-top: 1px solid #dce5ec; background: url(../images/photograph/common/bi_ftr.gif) no-repeat right 72px; }
	/* clink */
	#ftrWrap .clink { zoom: 1; overflow: hidden; margin-left: 14px; letter-spacing: -1px; }
	#ftrWrap .clink li,
	#ftrWrap .clink a { float: left; font-size: 11px; }
	#ftrWrap .clink li { padding-right: 15px; margin-right: 12px; background: url(../images/photograph/common/bull_bar_h10_w1.gif) no-repeat right 1px; }
	#ftrWrap .clink li.last { margin-left: -2px; background: none; font-weight: bold; }
	/* addr */
	#ftrWrap .addr { margin-left: 14px; margin-top: 15px; }
	#ftrWrap .addr p { zoom: 1; overflow: hidden; line-height: 16px; letter-spacing: -1px; }
	#ftrWrap .addr .txt { float: left; margin-right: 13px; word-spacing: -2px; }
	#ftrWrap .addr .num { margin-left: 3px; letter-spacing: 0; }
	/* copyright */
	#ftrWrap .copy { margin-top: 6px; font-family: Tahoma; }
	#ftrWrap .copy span { font-weight: bold; }
	#ftrWrap .copy span.make { color: #0061c4; }
	#ftrWrap .copy span.shop { color: #222; }
/*
========================================================================
content
========================================================================
*/
#content { width: 880px; padding-bottom: 63px; margin-left: auto; margin-right: auto; }
#content .page-cont { padding: 25px 0 0 54px; }
/* title */
.tit-lv1 { height: 31px; margin-top: 35px; padding: 3px 0 0 85px; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #4f7492; border-bottom: 2px solid #dce5ec; background: url(../images/photograph/common/bull_titlv1.gif) no-repeat 53px 0px; }
.tit-lv2 { height: 31px; margin-top: 35px; padding: 3px 0 0 85px; font-size: 16px; font-weight: bold; letter-spacing: -1px; color: #4f7492; border-bottom: 2px solid #dce5ec; background: url(../images/photograph/common/bull_titlv2.gif) no-repeat 53px 0px; }
/* info */
.tinfo-w { zoom: 1; padding-left: 220px; padding-bottom: 20px; }
.tinfo-w:after { content: ""; display: block; clear: both; }
.tinfo-w .imgs,
.tinfo-w .txt { position: relative; float: left; }
.tinfo-w .imgs { left: -220px; width: 200px; margin-right: -200px; }
.tinfo-w .imgs img { max-width: 100%; }
.tinfo-w .txt { width: 100%; padding-top: 5px; }
.tinfo-w .msg { margin-top: 15px; letter-spacing: -0.5px; line-height: 18px; }
.tinfo-w .msg-short {margin-top: 8px; letter-spacing: -0.5px; line-height: 18px; }
.tinfo-w .msg-first { margin-top: 0px; }
.info { zoom: 1; overflow: hidden; width: 495px; margin-top: 30px; margin-right: 35px; padding: 14px 5px 5px 25px; border: 1px solid #d6d6d6; }
.info li { float: left; width: 100%; }
.info dl { zoom: 1; overflow: hidden; padding-left: 145px; padding-bottom: 7px; }
.info dt,
.info dd { position: relative; float: left; }
.info dt { left: -145px; width: 145px; margin-right: -145px; font-weight: bold; color: #678c9c; }
.info dd { width: 100%; color: #8c8c8c; }
.info dd em { color: #678c9c; font-size: 11px; }
.tinfo-w .fmsg { margin-top: 8px; font-size: 11px; letter-spacing: -0.5px; }


/*page-top*/
.page-top { overflow:hidden; margin-top: 50px; height:522px; padding-bottom:30px;border-bottom: 2px solid #DCE5EC;}
.page-top .left-top { float:left;width:230px; margin-right:40px;}
.page-top .left-top h2 {padding-top:2px; font-size: 22px; font-weight: bold;}
.page-top .left-top ul {padding-top:50px; padding-left:50px;}
.page-top .left-top ul li {margin-bottom: 7px;}
.page-top .left-top ul li a{ display:block;width:120px;}
.page-top .left-top ul li .sidelist_on { font-size:16px; font-weight: bold;}
.page-top .left-top ul li .sidelist_off { font-size:12px; font-weight: normal;}
.page-top .right-top { height: 522px; width: 600px; background-color: #EBF1F4; float:right;clear: both; }

.page-cont h3{ padding-left: 8px; font-weight: bold; color: #333333; background: url(../images/photograph/common/bull_art_info.gif) no-repeat 0 4px; padding-bottom: 15px; }
.page-cont h3 .col-txt{ color: #FF6600; font-weight: normal; font-size:11px; letter-spacing: -1px;}
.page-cont h3 .nocol-txt{ font-weight: normal; font-size:11px; letter-spacing: -1px;}
/*setting*/
.page-cont .setting { overflow: hidden;}
.page-cont .setting dl{ margin-left:8px;}
.page-cont .setting .inline_d{ clear: both;}
.page-cont .setting dl dt { font-weight: bold; float:left; color:#567F91;width:70px;}
.page-cont .setting .set-dl dd{ font-size:11px; float:left;}
/* money-guide*/
.page-cont .money-guide{ clear: both;}
.page-cont .money_table{ width: 750px;}
.page-cont .money_table th{ color:#567F91; border-right:1px solid #E4E4E4;} 
.page-cont .money_table thead th{padding:10px 0;background-color:#F4F4F4; border-top:2px solid #E4E4E4;}
.page-cont .money_table tbody td,.page-cont .money_table tbody th{border-top:1px solid #E4E4E4;padding:15px 0;border-bottom:2px solid #E4E4E4;}
.page-cont .money_table tbody th{ font-size:14px;}
.page-cont .money_table td { border-right:1px solid #E4E4E4; text-align:center;}
.page-cont .money_table .last-nobod { border-right: none;}
/* note */
.page-cont .note, .page-cont .money-guide { margin-top: 25px;}
.page-cont .note ul li { margin-left:8px; font-size:11px; line-height: 16px;}
/*
========================================================================
 ÃÔ¿µ¼¾ÅͶõ?
========================================================================
*/
.gnb-about { background-color: #ff9900; background-image: url(../images/photograph/page/about_visual.png); }
#about .page-cont .tmsg { padding-bottom: 8px; font-weight: bold; font-size: 12px; letter-spacing: -1px; color: #222; }
#about .information {background: url(../images/photograph/page/map_location.jpg) no-repeat right 0; clear:both;margin-top:30px;padding-right:300px;}
#about .information h3, #about .studio_gujo h3{ padding-left: 8px; font-weight: bold; color: #333333; background: url(../images/photograph/common/bull_art_info.gif) no-repeat 0 4px; padding-bottom: 15px; }
#about .information ul {margin-left: 8px;}
#about .information ul li {line-height:20px;}
#about .information .time-ul { margin-bottom: 30px;}
#about .information .time-ul span.list-sp{ display: inline-block; width: 100px;}
#about .information p, #about .studio_gujo p{margin-left: 8px; line-height:20px;}
#about .information .col-text{ color:#567F91; font-weight: bold;}
#about .information dl dt {font-weight: bold; margin-top: 16px; margin-bottom: 5px;}
#about .information dl dt.first { margin-top:5px;}
#about .information .dinfo dl dl dt, #about .information .dinfo dl dl dd, #about .information .dinfo dl dl li {
    line-height: 16px;
}
#about .studio_gujo  h3{ margin-top:40px; padding-bottom: 5px;}
span.no-bold{font-weight: normal;}
dd.txt-10{ font-size:11px;}
/*
========================================================================
Photo Studio
========================================================================
*/
.gnb-photo { background-color: #ff9900; background-image: url(../images/photograph/page/photo_visual.png); }
/* guide */
/*
========================================================================
Video Studio
========================================================================
*/
.gnb-video { background-color: #ff9900; background-image: url(../images/photograph/page/video_visual.png); }

/*
========================================================================
Portfolio
========================================================================
*/
.gnb-portfolio { background-color: #ff9900; background-image: url(../images/photograph/page/portfolio_visual.png); }
#portfolioCon .page-top { border-bottom: 0;}

/*
========================================================================
ÀÌ¿ë¾È³»
========================================================================
*/
.gnb-guide { background-color: #bdbcbf; background-image: url(../images/photograph/page/guide_visual.png); }
#guideCon .top-img{ text-align:center;}
#guideCon .notice { margin-top:25px;}
#guideCon h3 { padding-bottom:5px;}
#guideCon .notice p.notP {margin-left:10px; letter-spacing: -1px;}
#guideCon #notice_tb { margin-top:15px;position:relative; margin-bottom:30px;}
#guideCon .list_table th {border-top:1px solid #D7D7D7; border-bottom:2px solid #D7D7D7; padding:7px 0;}
#guideCon .notice tbody td {border-bottom:1px solid #D7D7D7; padding:7px 0; text-align:center;}
#guideCon .notice td.left_txt{ text-align:left; padding-left:15px;}
#guideCon .notice td.no-border {border-top:0;}
#guideCon .pageing ul{ text-align:center; margin-top:15px;}
#guideCon .pageing ul li { display: inline; margin-right:5px;}
#guideCon .btn_area { position:absolute; right:5px; bottom:-2px;}

#guideCon .view_table, #guideCon .write_table{ margin-bottom:30px;}
#guideCon .view_table tbody th, #guideCon .view_table tbody td, #guideCon .write_table tbody th, #guideCon .write_table tbody td{border-top:1px solid #d7d7d7; padding:7px 0;}
#guideCon .view_table tbody th, #guideCon .write_table tbody th  {border-bottom:1px solid #d7d7d7;}
#guideCon .notice .content-text{ 
	text-indent: 0; 
	margin-left:15px; 
	height: auto !important;
	min-height:100px;
	margin-left:15px;
	height:100px;
}
#guideCon .notice .text-area{ text-align:center;}

#guideCon .notice .text-area .text_area{ width: 80%; height:80px; border:1px solid #d7d7d7;}
#guideCon .notice .input-area { margin-left:80px;margin-top:5px; margin-bottom: 40px;}
#guideCon .notice .input-area li {display:inline;}

#guideCon .notice .input_col { border:0; border-bottom: 1px solid #d7d7d7;}

#guideCon .btn_area2 {clear:both; position:absolute; left:2px; bottom:-2px;}
#guideCon .notice .write_table tbody td{text-align:left; padding-left:20px;}

#guideCon .notice input{height:19px}
#guideCon .notice input, #guideCon .notice textarea { border: 1px solid #c8c8c8;}

#guideCon .notice .longtextbox { width: 700px;}
#guideCon .notice .middletextbox { width: 250px;}
#guideCon .notice textarea.longtextbox {height: 150px;}

/* ÄÚ¸àÆ® ¸®½ºÆ® Å×À̺í*/
#guideCon .notice .comment_list th, #guideCon .notice .comment_list td{ border:0; text-align: left;}
.comment_list{padding:0;margin-bottom:20px}

#guideCon .notice .comment_list .close{
	background: url("../images/photograph/btn/dwlayer_close.gif") no-repeat;
    display: block;
    height: 9px;
    text-indent: -9999px;
    width: 9px;
}
/*
==========
table ¼ÂÆÃ
==========
*/
	
	
	
	
/*
=============
SLIDE SHOW
=============
*/	
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/
.slideViewer { 
position: relative;
overflow: hidden; 
margin: 0;
padding: 0;
background: #fff;
}
.slideViewer ul {  /*your list of images*/
position: relative;
left: 0;
top: 0;
width: 600px;
list-style-type: none;
margin: 0; 
padding: 0;

}
.slideViewer ul li {
float:left;
}

/*typographic info*/
.slideViewer span.typo{ 
padding: 6px; /* do not modify padding */
background: #fff;
color: #000;
font: normal 10px Verdana;
}

.thumbSlider { /*the thumbnails slider*/
overflow: hidden;
width: 1%;
background: #fff;
padding:0;
}
.thumbSlider ul { 
list-style-type: none;
margin: 0; 
padding: 0;

}
.thumbSlider ul li{ 
float:left;
margin: 0;

}
.thumbSlider a{
color: #fff;
text-decoration: none;
}
.thumbSlider a img{
border: 0;
display: block;
padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative; 
left: 0;
font-size: 0.01em;
left: 0;
margin: 0;
padding: 0;
}

a.left, a.right { /*the left and right buttons (links)*/
background: transparent; /* could be any color  */
color: #ff0000;
font: bold 16px Arial;
overflow: hidden;
height:7px;
width:4px;
padding-bottom:4px
}
a.left span, a.right span{
display:inline;
}
a.left img, a.right img{
border: 0;
height:7px;
width:4px;
}
a.l_dis, a.r_dis {
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
cursor: default;
}
a.l_dis span, a.r_dis span {
visibility: hidden;
}
a:focus {outline:none;}
	
	
	
	
/*
========================================================================
ºñ¹Ð¹øÈ£ ·¹À̾î
========================================================================
*/
.secret{
	background: url(../images/photograph/common/secret.gif) no-repeat 0 0;
	padding-left: 15px;
}
#passBox {
    background: none repeat scroll 0 0 #EEF1F5;
    border: 2px solid #3C87F2;
    display: none;
    height: 60px;
    padding: 10px;
    position: absolute;
    text-align: left;
    width: 200px;
}
#passBox .floatRight {
    color: red;
    text-align: center;
}
#passBox #submit {
    background: none repeat scroll 0 0 #0F4593;
    border: 1px solid #3C87F2;
    color: #FFFFFF;
    font-weight: bold;
    height: 20px;
    line-height: 15px;
}
#passBox h5 {
    color: #0F4593;
    margin-bottom: 5px;
    text-align: left;
}
.floatLeft {
    float: left;
}		

.hand{cursor:pointer}
.clear{clear:both}