/*

.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:#6b6b6b;}

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

/* �ㅻ뜑 */
header {position:relative; height:45px;}
header a {display:inline-block; height:100%;}
header img {display:block; height:100%;}
#ie8 header img {display:inline;}
header h1 {height:70%; text-align:center;}
header h1 img {margin:17px 0;}
header .btn {position:absolute; top:0; bottom:0; height:100%; overflow:hidden;}
header .btn img {height:100%;}
header .btn.left {left:0; text-align:left;}
header .btn.right {right:0; text-align:right;}
.header {position:relative; overflow:hidden; height:120px; background:url("../img/header_bg.jpg");}

/* �명꽣 */
footer {padding:10px; font-size:12px; line-height:20px; color:#fff; 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:73%; right:9%; bottom:17%; left:24%;}
.main_img > .tel_02 {top:86%; right:9%; bottom:4%; left:24%;}

.main_nav {position:absolute; left:2.3%; right:2.3%; bottom:10.5%; overflow:hidden; text-align:center; border-radius:15px; border:1px solid #d1cfcc; background:#f2efec;}
.main_nav a {display:block; width:25%; float:left; font-size:12px; line-height:40px; font-weight:700; color:#9c9c9c;}
.main_nav a + a {border-left:1px solid #cfcecc; margin-left:-1px;}

/* �쒕툕 �섏씠吏� */
html.sub .title {margin:0 15px; padding:30px 0 20px; border-bottom:1px solid #7f7f7f;}
html.sub h2 {font-size:30px; line-height:30px; color:#3674a8;}
html.sub .subTitle {font-size:24px; line-height:30px; color:#1d1d1d;}
html.sub .contents {position:relative; font-size:13px; line-height:20px; color:#444;}
html.sub .contents .view {padding:0 15px; padding-bottom:40px;}
html.sub .contents img {width:100%;}

/* 湲고� �대퉬寃뚯씠�� */
.etc_nav {background:#191919; overflow:hidden; text-align:center; height:30px;}
.etc_nav a {position:relative; display:block; width:33%; height:100%; float:left; font-size:12px; line-height:30px; font-weight:700; color:#fff;}
.etc_nav a:first-child {width:34%;}
.etc_nav a .line {position:absolute; top:0; left:-1px; bottom:0; display:block; border-left:1px solid #000; border-right:1px solid #292929;}
.etc_nav a img {height:100%; margin-right:5px;}
#ie7 .etc_nav a img {vertical-align:middle;}

/* �몄궗留� */
.contents.company .view p {color:#4c4c4c; padding-top:20px;}
.contents.company .view img {margin-top:20px;}

/* �낅Т�댁슜 */
.contents.info .view img {margin-top:10px;}
.contents.info .view ol {margin-top:20px;}
.contents.info .view ol li {color:#4c4c4c;}
.contents.info .view ol li strong {display:block; color:#257dbb;}
.contents.info .view ol li + li {margin-top:30px;}

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