/* main css by iduk */

/* divice 해상도에 따른 이미지 크기 조정 */
@media screen and (-webkit-min-device-pixel-ratio:1.5){.main_ig {background:url('../img/main/main_ig.png') no-repeat;background-size:400px auto;}}
@media screen and (-webkit-min-device-pixel-ratio:2.0){.main_ig {background:url('../img/main/main_ig.png') no-repeat;background-size:400px auto;}}

/* 이미지그룹 */
.main_ig {display:block; background:url(../img/main/main_ig.png) no-repeat;background-size:400px auto;text-indent:-9999px;}
.home {background-position:-182px 0; width:23px; height:21px;}
.back {background-position:-205px 0; width:23px; height:21px;}

.i-gnb01 {background-position:0 -25px; width:71px; height:71px;}
.i-gnb02 {background-position:-74px -25px; width:71px; height:71px;}
.i-gnb03 {background-position:-147px -25px; width:71px; height:71px;}
.i-gnb04 {background-position:-221px -25px; width:71px; height:71px;}
.i-gnb05 {background-position:-295px -25px; width:71px; height:71px;}
.i-gnb06 {background-position:0 -96px; width:71px; height:71px;}
.i-gnb07 {background-position:-74px -96px; width:71px; height:71px;}

.s-gnb01 {background-position:0 -240px; width:71px; height:70px;}
.s-gnb02 {background-position:-74px -240px; width:71px; height:70px;}
.s-gnb03 {background-position:-147px -240px; width:71px; height:70px;}
.s-gnb04 {background-position:-221px -240px; width:71px; height:70px;}
.s-gnb05 {background-position:-295px -240px; width:71px; height:70px;}
.s-gnb06 {background-position:0 -310px; width:71px; height:70px;}
.s-gnb07 {background-position:-74px -310px; width:71px; height:70px;}
.s-gnb08 {background-position:-147px -310px; width:71px; height:70px;}

.i-info01 {background-position:0 -168px; width:104px; height:63px;}
.i-info02 {background-position:-118px -168px; width:68px; height:63px;}
.s-info01 {background-position:-203px -168px; width:105px; height:63px;}
.s-info02 {background-position:-321px -168px; width:96px; height:63px;}
span a {text-indent:-9999px;}

/* top */
#wrap {position:relative;}
#header {position:relative; width:100%; height:47px; text-align:center; background:url('../img/main/top_bg.jpg') repeat-x;}
#header h1 a.ic {display:inline-block;margin-top:15px;width:87px;height:19px; background-position:0 0; text-indent:-9999px;}
#header h1 a.sw {display:inline-block;margin-top:15px;width:87px;height:19px; background-position:-89px 0; text-indent:-9999px;}
#header > span.left {position:absolute;top:14px;left:15px;}
#header > span.right {position:absolute;top:14px;right:15px;}

/* main */
#container {position:relative; width:100%; border-top:3px solid #333; text-align:center}
#container .visual {background:#f0f0f0; text-align:center}
#container .bg {position:relative;display:inline-block; max-width:100%;}
#container nav {position:absolute;top:20px;left:20px;}
#container nav ul {overflow:hidden;}
#container nav ul li {float:left; margin:0 10px 3px 0;}
#container > ul.info {width:100%;overflow:hidden;}
#container > ul.info li {width:50%;text-align:center;float:left;}
#container a.i-info01,a.i-info02,a.s-info01,a.s-info02 {text-align:center;margin:12px auto;}

/* sub */
#container h2 {line-height:36px; background:#424242; color:#fff; font-size:15px;}
#container ul.tab { overflow:hidden; background:#d4d4d4; height:34px; margin-bottom:10px; }
#container ul.tab li { list-style:none; float:left; width:25%; margin-top:3px; line-height:34px; color:#434343;}
#container ul.tab li:hover { background:#fff }
#container ul.tab li a{text-decoration:none;color:#434343; font-size:14px;}
#container ul.tab li a.size{text-decoration:none;color:#434343; font-size:11px;}
#container .content{padding:15px;}

/* footer */
#footer .foot_content {position:relative;background:#d8d8d8; padding:14px 0; }
#footer .foot_content a {text-align:center;text-decoration:none;color:#434343;}
#footer .foot_content > span.left {position:absolute;top:11px;left:15px;}
#footer .foot_content > span.right {position:absolute;top:11px;right:15px;}
#footer {text-align:center; padding:0 0 15px 0;width:100%; background:#333;}
#footer > a {font-size:14px;display:block;padding:12px;text-decoration:underline; font-weight:bold; color:#f5ffd3;}
#footer > address {font-size:13px;color:#ddd;padding:0 10px;}