/*

.hidden = 媛앹껜 �먯껜瑜� �④�
.txt_hidden = �띿뒪�몃쭔 �④�

湲곕낯 �쒖껜�� "�섎닎怨좊뵓"�쇰줈 �섏뼱�덉쓬.

湲�뵪泥� 紐낆“ �ъ슜��
font-family:"�섎닎紐낆“";
�쇨퀬 �곸뼱二쇰㈃ 諛붾줈 �ъ슜 媛�뒫

湲�뵪泥� 援듦린 �ъ슜踰�
font-weight:400; = �덇랠��
font-weight:700; = 蹂쇰뱶
font-weight:900; = �듭뒪�몃씪蹂쇰뱶

�섏씠吏� 蹂꾨줈 html�� �뱀쑀 �대옒�� 媛믪씠 �덉쓬.
硫붿씤�� �ㅽ���, �쒕툕�� �ㅽ��� �≪쓣 ��.
�명겢猷⑤뱶瑜� 援녹씠 �� �꾩슂 �놁씠 �� �대옒�ㅻ� �댁슜�섎㈃ �⑥쑉�곸씠怨  �좎�蹂댁닔�� �명븿.
html.main = 硫붿씤 �섏씠吏�
html.sub = �쒕툕 �섏씠吏�

�듭뒪�뚮줈�� 踰꾩쟾蹂꾨줈 html�� �꾩씠�� 媛믪씠 �덉쓬.
�듭뒪�먯꽌 �쎄컙 ��뼱吏꾨떎硫�,
援녹씠 �ㅽ��� �꾩껜瑜� �� 諛붽� �꾩슂�놁씠 �� �꾩씠�붾� �댁슜�댁꽌 �ㅽ��쇱쓣 �곕줈 �≪븘二쇰㈃ ��.
#ie7 = �듭뒪7
#ie8 = �듭뒪8
#ie9 = �듭뒪9
#ie10 = �듭뒪10
#ie11 = �듭뒪11

*/


.hidden {position:fixed; left:-999999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; opacity:0; visibility:hidden;}
.txt_hidden {font-size:0; line-height:0; color:transparent; text-indent:-999999px; overflow:hidden;}
caption, legend {height:1px; overflow:hidden; font-size:0; line-height:0; color:transparent; text-indent:-999999px; margin-top:-1px;}

body {background:#2e2e2e;}

.contents {background:#fff;}
html.sub .contents {min-height:300px;}

/* �ㅻ뜑 */
header {position:relative; height:45px; background:#333333; box-shadow:0 1px 1px rgba(0,0,0,0.5); z-index:999;}
header a {display:inline-block; height:100%;}
header img {display:block; height:100%;}
#ie8 header img {display:inline;}
header h1 {height:100%; font-size:18px; line-height:45px; color:#fff; text-align:center;}
header .btn {position:absolute; top:0; bottom:0; height:100%;}
header .btn.left {left:0; text-align:left;}
header .btn.right {right:0; text-align:right;}

/* �명꽣 */
footer {padding:10px; font-size:12px; line-height:20px; color:#b0b0b0; text-align:center;}
footer * {font-size:12px; display:inline;}

/* 硫붿씤 �섏씠吏� */
.main_img {position:relative;}
.main_img > img {width:100%;}
.main_img > a {display:block; position:absolute;}
#ie7 .main_img > a,
#ie8 .main_img > a,
#ie9 .main_img > a,
#ie10 .main_img > a,
#ie11 .main_img > a {background-image:url("./");}
.main_img > .tel_01 {top:38%; right:51%; bottom:56%; left:16%;}
.main_img > .tel_02 {top:38%; right:16%; bottom:56%; left:51%;}

.main_nav {position:absolute; right:3.3%; left:3.3%; bottom:9.9%; overflow:hidden; text-align:center; padding:0 12px;}
.main_nav a {display:block; width:25%; float:left; height:64px;}
.main_nav a div {height:64px; overflow:hidden;}
.main_nav a div img {display:block; margin:0 auto; height:200%;}
.main_nav a:hover div img {margin-top:-64px;}

/* �쒕툕 �섏씠吏� */
.sub_nav {height:40px; overflow:hidden; text-align:center; background:#d55d95;}
.sub_nav a {position:relative; display:block; width:25%; float:left; font-size:14px; line-height:40px; font-weight:700; color:#fff;}
.sub_nav a.on {background:#bf1966;}

html.sub .title {margin:0 15px; padding:20px 0 15px; border-bottom:1px solid #4e4e4e;}
html.sub h2 {font-size:30px; line-height:30px; color:#bf1966;}
html.sub .subTitle {font-size:20px; line-height:30px; color:#6f6f6f;}
html.sub .contents {font-size:12px; line-height:18px; color:#4c4c4c;}
html.sub .contents .view {padding:20px 15px 30px;}
html.sub .contents img {width:100%;}
html.sub .contents .view p + p {margin-top:15px;}

/* �몄궗留� */
.contents.company .view p span {color:#bf1966;}
.contents.company .view p.end {font-size:15px;}

/* �낅Т�뚭컻 */
.contents.info .view .top_txt {font-weight:700; font-size:15px;}
.contents.info .view .top_txt > span {display:block; color:#bf1966;}
.contents.info .view ul {padding:10px 0 15px;}
.contents.info .view ul > li {background:url("../img/bullet.png") no-repeat 0 7px; background-size:5px 5px; padding-left:15px; vertical-align:middle; font-size:13px; line-height:20px;}
.contents.info .view ul > li > span {display:block; font-size:10px; line-height:15px;}
.contents.info .view .midTitle {display:block; border-top:1px solid #c2c2c2; font-size:15px; line-height:20px; font-weight:700; padding-top:18px;}

/* 媛ㅻ윭由� */
.contents.gallery .title {border-bottom:none;}

/* �ㅼ떆�붽만 */
.contents.map .title {border-bottom:none;}
.contents.map .map {height:150px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.contents.map .view ul li {color:#4c4c4c;}
.contents.map .view ul li strong {display:block; color:#bf1966; margin-bottom:5px;}
.contents.map .view ul li + li {margin-top:20px;}
.contents.map .view ul li .btn {margin-left:-5px; margin-top:5px; overflow:hidden;}
.contents.map .view ul li .btn > div {width:50%; float:left;}
.contents.map .view ul li .btn > div a {display:block; margin-left:5px; font-size:13px; line-height:25px; color:#4c4c4c; text-align:center; background:#fff; border:1px solid #cdc4c4; border-radius:3px;}
.contents.map .view ul li .btn > div a img {width:auto; height:25px; margin-right:10px;}

.w10 {width:10%;}
.w15 {width:15%;}
.w14 {width:14%;}
.w32 {width:32%;}