/*

.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:#191919;}
html.main body {background:#e1edf7;}

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

/* ?ㅻ뜑 */
html.main header {position:absolute; top:0; left:0; right:0; width:100%; border-bottom:1px solid rgba(255,255,255,0.3);}
html#ie7.main header, 
html#ie8.main header {border-bottom:1px solid #fff;}
html.sub header {background:#2169a7;}
header {position:relative; height:50px;}
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:50px; color:#fff; text-align:center;}
header .btn {position:absolute; top:0; bottom:0; height:100%; overflow:hidden;}
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:#e5e5e5; text-align:center;}
footer * {font-size:12px; display:inline;}
html.main footer {color:#434343;}

/* 硫붿씤 ?섏씠吏? */
.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:53%; right:55%; bottom:39%; left:4%;}
.main_img > .tel_02 {top:53%; right:9%; bottom:39%; left:52%;}

.main_nav {position:absolute; left:3.6%; right:3.6%; bottom:2.8%; display:inline-block; text-align:center; margin-left:-8px;}
#ie7 .main_nav {display:inline;}
.main_nav > div {width:50%; float:left;}
.main_nav a {display:block; margin:5px 0 0 8px; font-size:14px; font-weight:700; color:#474747; padding:10px 0; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,0.4); background:url("../img/nav_bg.png") repeat;}
.main_nav a img {display:block; margin:0 auto 3px; height:30px;}

/* ?쒕툕 ?섏씠吏? */
.sub_nav {height:40px; overflow:hidden; text-align:center; background:#70b8dd;}
.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 #fff;}

html.sub .title {margin:0 15px; padding:20px 0 15px; border-bottom:1px solid #7f7f7f;}
html.sub h2 {font-size:18px; line-height:25px; color:#2ea1f2;}
html.sub .subTitle {font-size:18px; line-height:25px; color:#1d1d1d;}
html.sub .contents {font-size:12px; line-height:18px; color:#4c4c4c;}
html.sub .contents .view {position:relative; z-index:0; padding:10px 15px 50px;}
html.sub .contents img {width:100%;}
html.sub .contents .view p + p {margin-top:18px;}
html.sub .contents .view .bg {position:absolute; right:0; bottom:0; width:320px; z-index:-1;}

/* 湲고? ?대퉬寃뚯씠?? */
.etc_nav {background:#171717; 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 {}

/* ?낅Т?댁슜 */
html.sub .contents.info .view {padding-bottom:95px;}
.contents.info .view .bg:first-child + * {width:100%; left:0; height:50px;}
ul.type_01 > li {padding-left:10px; color:#262626; font-weight:700; background:url("../img/info_dot.png") no-repeat 0 8px; background-size:3px 3px;}
ul.type_02 > li {padding-left:10px; color:#4c4c4c; font-weight:400;}
ul.type_02 > li:before {content:"-"; display:block; margin-left:-10px; float:left;}
.contents.info .view .main_img + ul {margin-top:10px;}
.contents.info .view ul + .main_img {margin-top:20px;}
.contents.info .view ul + ul {margin-top:5px;}
html.sub .contents.info .view .main_img .tel_01 {top:50%; right:44%; bottom:26%; left:37%;}
html.sub .contents.info .view .main_img .tel_02 {top:50%; right:17%; bottom:26%; left:57%;}