/*

.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:#436b0f;}

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

/* �ㅻ뜑 */
header {position:relative; height:45px; background:#96c62f;}
header a {display:inline-block; height:100%;}
header img {display:block; height:100%;}
#ie8 header img {display:inline;}
header h1 {height:100%; font-size:20px; line-height:45px; color:#fff; text-align:center;}
header h1 strong{font-size:24px;}
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;}
html.sub header {background:#fff;}
html.sub header h1 {color:#96c62f;}
html.sub header .btn.right {display:none;}

/* �명꽣 */
footer {padding:10px; font-size:12px; line-height:20px; color:#fff; text-align:center;}
footer * {font-size:13px; 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 {}*/
.contents .main_img .tel_01 {font-size:16px; font-weight:bold; color:#c12b2b; text-align:center; padding:8px 0 0 22px ; background-image:url("../img/tel.png"); background-size:100% 100%; top:88.0%; right:50.3%; bottom:1.8%; left:3.8%; }
.contents .main_img .tel_02 {font-size:16px; font-weight:bold; color:#c12b2b; text-align:center; padding:8px 0 0 22px ; background-image:url("../img/phon.png"); background-size:100% 100%; top:88.0%; right:3.8%; bottom:1.8%; left:50.3%; }

.main_nav {position:absolute; float:left; left:0%; bottom:15%; width:100%; overflow:hidden; text-align:center; line-height:28px; background:url("../img/nav_bg.png"); }
.main_nav a {display:block; width:25%; float:left; font-size:12px; font-weight:700; color:#fff; padding-top:7px;  }
.main_nav a img {display:block; margin:0 auto; height:35px;}

/* �쒕툕 �섏씠吏� */
.sub_nav {height:40px; overflow:hidden; text-align:center; background:#7bb123;}
.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 .line {position:absolute; display:block; height:14px; top:50%; left:-1px; margin-top:-7px; border-left:1px solid #8db4cd;}
.sub_nav a.on {background:#3f6600;}

/* 湲고� �대퉬寃뚯씠�� */
.etc_nav {background:#3ebe9a; 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 #fff; border-right:1px solid #fff;}
.etc_nav a img {height:100%; margin-right:5px;}
#ie7 .etc_nav a img {vertical-align:middle;}

.sub_img {position:relative; text-align:right; background:url("../img/sub_bg.gif") repeat-x 0 50%; background-size:100% 100%;}
.sub_img > img {width:320px;}
.sub_img > p {position:absolute; top:0; left:0; padding:10px 0 0 10px; font-size:11px; line-height:16px; color:#fff; font-weight:700; text-align:left;text-shadow:2px 2px 2px #000;}
.sub_img > p > strong {display:block; font-size:20px; line-height:20px; padding-bottom:6px;}

html.sub .title {margin:0 15px; padding:15px 0 13px;}

html.sub h2 {font-size:13px; line-height:18px; color:#436b0f;}
html.sub .subTitle {font-size:13px; line-height:18px; color:#436b0f;}

html.sub .contents {font-size:13px; line-height:19px; color:#656565;}
html.sub .contents .view {padding:0 15px 15px;}
html.sub .contents .view span {font-size:17px; font-weight:bold; color:#7bb123; }
html.sub .contents .view .f_te { padding-top:6px; }
html.sub .contents .view img {display:block; margin:0 auto; width:290px;}

/* �뚯궗�뚭컻 */
.contents.company .view .view_tel{text-align:center; margin-top:10px;}
.contents.company .view .view_tel .tel_01 {width:137px; height:35px; font-size:0px; font-weight:bold; color:#c12b2b; text-align:center; background-image:url("../img/tel.png"); background-size:137px 35px; display:inline-block; margin:0 3px;}
.contents.company .view .view_tel .tel_02 {width:137px; height:35px; font-size:0px; font-weight:bold; color:#c12b2b; text-align:center; background-image:url("../img/phon.png"); background-size:137px 35px; display:inline-block; margin:0 3px;}

/* �낅Т�댁슜 */
.contents.info .view {margin-top:15px;}
.contents.info .view dl dt {color:#138da7;font-size:15px;padding-bottom:5px;}
.contents.info .view dl dt img {display:inline;width:3px;margin:0 5px 3px 2px;vertical-align:middle;}
.contents.info .view dl dd {margin-bottom:20px;}
.contents.info .view .view_tel{text-align:center; margin-top:10px;}
.contents.info .view .view_tel .tel_01 {width:137px; height:35px; font-size:0px; font-weight:bold; color:#c12b2b; text-align:center; background-image:url("../img/tel.png"); background-size:137px 35px; display:inline-block; margin:0 3px;}
.contents.info .view .view_tel .tel_02 {width:137px; height:35px; font-size:0px; font-weight:bold; color:#c12b2b; text-align:center; background-image:url("../img/phon.png"); background-size:137px 35px; display:inline-block; margin:0 3px;}

/* �ㅼ떆�붽만 */
.contents.map .address {padding-top:15px; padding-left:70px; overflow:hidden;}
.contents.map .view .address > img {width:55px; float:left; margin-left:-70px;}
.contents.map .address dl dt {color:#514f4f; font-weight:700;}
.contents.map .address dl dt + dd {color:#555; margin-bottom:1px;}
.contents.map .address dl dt + dd + dd {font-size:0; line-height:0;}
.contents.map .address dl dt + dd + dd a {display:inline-block; width:105px; height:18px; line-height:18px; font-size:12px; font-weight:700; color:#fff; text-align:center; background:#676767; border-radius:3px;}
.contents.map .address dl dt + dd + dd a + a {margin-left:5px;}
.contents.map .address dl dt + dd + dd a img {display:inline-block; margin-right:4px; width:auto; height:100%;}
.contents.map .map {margin-top:15px; height:200px; border:1px solid #d9d9d9;}