@charset "utf-8";

/* YOONEUNMI */
body{background:#003b59 url(../images/common/header_bg.png) repeat-x; background-size: auto 45px;  -webkit-background-size: auto 45px; -moz-background-size: auto 45px; -o-background-size: auto 45px;}

#header .inner{background:none; width:320px; margin:0 auto;}

#mainCnt{position:relative; width:320px; margin:0 auto;}
#mainGnb{position:relative; width:310px; margin:0 auto;}

.gnbA{float:left; width:206px; height:232px; background:url(../images/main/gnbA_bg.png) no-repeat 0 0;}
.gnbA li{font-weight:bold; padding:0 15px; background:url(../images/main/gnbA_li_bg.png) no-repeat 0 bottom; background-size: auto 2px; -webkit-background-size: auto 2px; -moz-background-size: auto 2px; -o-background-size: auto 2px;}
.gnbA li a{display:inline-block; width:100%; padding:15px 0; color:#003b59; font-weight:bold; text-indent:-9999em;}
.gnbA li:last-child{background:none;}
.gnbA_01{background:url(../images/main/gnbA_01.png) no-repeat 0 50%;}
.gnbA_02{background:url(../images/main/gnbA_02.png) no-repeat 0 50%;}
.gnbA_03{background:url(../images/main/gnbA_03.png) no-repeat 0 50%;}
.gnbA_04{background:url(../images/main/gnbA_04.png) no-repeat 0 50%;}
.gnbA_05{background:url(../images/main/gnbA_05.png) no-repeat 0 50%;}
.gnbA_01, .gnbA_02, .gnbA_03, .gnbA_04, .gnbA_05{background-size: auto 15px; -webkit-background-size: auto 15px; -moz-background-size: auto 15px; -o-background-size: auto 15px;}

.gnbB a, .gnbC a, .gnbD a, .gnbE a, .gnbF a, .gnbG a{width:100%; height:100%; color:#fff; font-weight:bold; display:inline-block; text-indent:-999em;}

.groupA{float:right; width:102px; height:232px;}
.gnbB{width:100%; height:115px; text-align:center; background:url(../images/main/gnbB_bg.png) no-repeat 0 0;}

.gnbC{width:100%; height:117px; text-align:center; background:#46b125 url(../images/main/gnbC_bg.png) no-repeat 0 0;}

.gnbD{float:left; width:102px; height:104px; margin:2px 2px 0 0; text-align:center; background:url(../images/main/gnbD_bg.png) no-repeat 0 0;}

.groupB{float:left; width:102px; margin-top:2px; background-color:#ea6c27;}
.gnbE{height:52px; text-align:center; background:url(../images/main/gnbE_bg.png) no-repeat 0 0;}

.gnbF{height:52px; text-align:center; background:url(../images/main/gnbF_bg.png) no-repeat 0 0;}

.gnbG{float:right; width:102px; height:104px; text-align:center; margin-top:2px; background:url(../images/main/gnbG_bg.png) no-repeat 0 0;}

.gnbH{float:left; width:102px;}
.gnbH ul li{background-color:#000; margin:2px 0;}
.gnbH ul li a{display:inline-block; color:#848484; padding:9px 0; width:97px; font-weight:bold; text-indent:-9999em;}
.gnbH ul li a.green{border-right:5px solid #5bbd2b;background:url(../images/main/gnbH_01.png) no-repeat right 50%; background-size:56px 13px; -webkit-background-size:56px 13px; -moz-background-size:56px 13px; -o-background-size:56px 13px;}
.gnbH ul li a.blue{border-right:5px solid #2296d8;background:url(../images/main/gnbH_02.png) no-repeat right 50%; background-size:56px 13px; -webkit-background-size:56px 13px; -moz-background-size:56px 13px; -o-background-size:56px 13px;}
.gnbH ul li a.orange{border-right:5px solid #f26a16;background:url(../images/main/gnbH_03.png) no-repeat right 50%; background-size:68px 13px; -webkit-background-size:68px 13px; -moz-background-size:68px 13px; -o-background-size:68px 13px;}

.gnbI{float:right; width:195px; background-color:#002233; margin-top:2px; padding:0 5px;}
.gnbI li{padding:8px 0;}
.gnbI a{display:inline-block;}
.gnbI a span{float:left;}
.gnbITit{display:block; float:left; border-radius:3px; background-color:#003b59; color:#bfbfbf; width:65px; text-align:center; font-size:11px; font-weight:bold;}
.gnbINumUp, .gnbINumDn, .gnbINumSm{text-align:right; padding-left:5px; width:90px; font-size:11px;}
.gnbINumUp em, .gnbINumDn em, .gnbINumSm em{margin-left:5px; padding-left:10px; font-size:11px;}
.gnbINumUp{color:#f92300;}
.gnbINumDn{color:#3288ff;}
.gnbINumSm{color:#979797;}
.numUP{background:url(../images/main/gnbINumUp.png) no-repeat 0 4px; background-size: auto 60%; -webkit-background-size: auto 60%; -moz-background-size: auto 60%; -o-background-size: auto 60%;}
.numDn{background:url(../images/main/gnbINumDn.png) no-repeat 0 4px; background-size: auto 60%; -webkit-background-size: auto 60%; -moz-background-size: auto 60%; -o-background-size: auto 60%;}
/*.numSm{background:url(../images/main/gnbINumSm.png) no-repeat 0 3px; background-size: auto 60%; -webkit-background-size: auto 60%; -moz-background-size: auto 60%; -o-background-size: auto 60%;}*/
.info{color:#979797; font-size:10px; padding:0 0 0 3px;}

/* ----- 480~639 ----- */
@media only screen and (min-width : 480px) and (max-width : 638px) {
body{background:#003b59 url(../images/common/header_bg.png) repeat-x; background-size: auto 68px;  -webkit-background-size: auto 68px; -moz-background-size: auto 68px; -o-background-size: auto 68px;}

#header .inner{background:none; width:480px; margin:0 auto;}

#mainCnt{position:relative; width:480px; margin:0 auto;}
#mainGnb{position:relative; font-size:1.4em; width:470px; margin:0 auto;}

.gnbA{float:left; width:312px; height:350px; background:url(../images/main/gnbA_bg.png) no-repeat 0 0;}
.gnbA li{font-weight:bold; padding:0 22px; background:url(../images/main/gnbA_li_bg.png) no-repeat 0 bottom; background-size: auto 3px; -webkit-background-size: auto 3px; -moz-background-size: auto 3px; -o-background-size: auto 3px}
.gnbA li a{padding: 22px 0;}
.gnbA li:last-child{background:none;}

.gnbA_01, .gnbA_02, .gnbA_03, .gnbA_04, .gnbA_05{background-size: auto 22px; -webkit-background-size: auto 22px; -moz-background-size: auto 22px; -o-background-size: auto 22px;}

.groupA{float:right; width:154px; height:350px;}
.gnbB{width:100%; height:174px; text-align:center; background:url(../images/main/gnbB_bg.png) no-repeat 0 0;}

.gnbC{width:100%; height:176px; text-align:center; background:#46b125 url(../images/main/gnbC_bg.png) no-repeat 0 0;}

.gnbD{float:left; width:154px; height:157px; margin:5px 5px 0 0; text-align:center; background:url(../images/main/gnbD_bg.png) no-repeat 0 0;}

.groupB{float:left; width:154px; margin-top:5px;}
.gnbE{height:80px; text-align:center; background:url(../images/main/gnbE_bg.png) no-repeat 0 0;}

.gnbF{height:77px; text-align:center; background:url(../images/main/gnbF_bg.png) no-repeat 0 0;}

.gnbG{float:right; width:154px; height:157px; text-align:center; margin-top:5px; background:url(../images/main/gnbG_bg.png) no-repeat 0 0;}


.gnbH{width:154px; }
.gnbH ul li{margin:5px 0;}
.gnbH ul li a{padding:15px 0; width:149px;}
.gnbH ul li a.green{background-size:85px 19px; -webkit-background-size:85px 19px; -moz-background-size:85px 19px; -o-background-size:85px 19px;}
.gnbH ul li a.blue{background-size:85px 19px; -webkit-background-size:85px 19px; -moz-background-size:85px 19px; -o-background-size:85px 19px;}
.gnbH ul li a.orange{background-size:102px 19px; -webkit-background-size:102px 19px; -moz-background-size:102px 19px; -o-background-size:102px 19px}

.gnbI{width:271px; margin:5px 0 0 5px; padding:20px 20px 5px 20px;}
.gnbI li{padding:9px 0;}
.gnbITit{width:82px;}
.gnbINumUp, .gnbINumDn, .gnbINumSm{padding-left:10px; width: 140px; font-size:18px;}
.gnbINumUp em, .gnbINumDn em, .gnbINumSm em{margin-left:10px; padding-left:18px; font-size:15px;}
.numUP{background:url(../images/main/gnbINumUp.png) no-repeat 0 4px; background-size: auto 60%; -webkit-background-size: auto 60%; -moz-background-size: auto 60%; -o-background-size: auto 60%;}
.numDn{background:url(../images/main/gnbINumDn.png) no-repeat 0 4px; background-size: auto 60%; -webkit-background-size: auto 60%; -moz-background-size: auto 60%; -o-background-size: auto 60%;}
/*.numSm{background:url(../images/main/gnbINumSm.png) no-repeat 0 3px; background-size: auto 60%; -webkit-background-size: auto 60%; -moz-background-size: auto 60%; -o-background-size: auto 60%;}*/
.info{color:#979797; font-size:13px; padding:3px 0 0 3px;}


}


/* ----- 640~ ----- */
@media only screen and (min-width : 640px){
body{background:#003b59 url(../images/common/header_bg.png) repeat-x; background-size: auto 102px; -webkit-background-size: auto 102px; -moz-background-size: auto 102px; -o-background-size: auto 102px;}

#header .inner{background:none; width:660px; margin:0 auto;}

#mainCnt{position:relative; width:100%; margin:0 auto;}
#mainGnb{position:relative; font-size:1.4em; width:640px; margin:0 auto;}

.gnbA{float:left; width:252px; height:282px; margin-right:5px; background:url(../images/main/gnbA_bg.png) no-repeat 0 0; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%;}
.gnbA li{font-weight:bold; padding:0 14px; background:url(../images/main/gnbA_li_bg.png) no-repeat 0 bottom; background-size: auto 3px; -webkit-background-size: auto 3px; -moz-background-size: auto 3px; -o-background-size: auto 3px}
.gnbA li:last-child{background:none;}
.gnbA li a {padding:14px 0;}
.gnbA_01, .gnbA_02, .gnbA_03, .gnbA_04, .gnbA_05{background-size: auto 19px; -webkit-background-size: auto 19px; -moz-background-size: auto 19px; -o-background-size: auto 19px;}


.groupA{float:left; width:125px; height:283px; margin-right:5px;}
.gnbB{width:100%; height:143px; text-align:center; background:url(../images/main/gnbB_bg_640.png) no-repeat 0 0;}

.gnbC{width:100%; height:140px; text-align:center; background:url(../images/main/gnbC_bg.png) no-repeat 0 0; }

.gnbD{float:left; width:125px; height:139px; margin:0 5px 0 0; text-align:center; background:url(../images/main/gnbD_bg_640.png) no-repeat 0 0;}

.groupB{float:left; width:125px; margin-top:4px;}
.gnbE{height:72px; text-align:center; background:url(../images/main/gnbE_bg.png) no-repeat 0 0;}

.gnbF{height:68px; text-align:center; background:url(../images/main/gnbF_bg.png) no-repeat 0 0;}

.gnbG{position:absolute; right:0; top:0; width:125px; height:139px; margin:0; background:url(../images/main/gnbG_bg_640.png) no-repeat 0 0;}

.gnbH{position:absolute; right:0; top:140px; width:125px; font-size:16px;}
.gnbH ul li{margin:3px 0;;}
.gnbH ul li a{ padding:8px 0; width:120px;}
.gnbH ul li a.green{background-size:85px 19px; -webkit-background-size:85px 19px; -moz-background-size:85px 19px; -o-background-size:85px 19px;padding:9px 0;}
.gnbH ul li a.blue{background-size:85px 19px; -webkit-background-size:85px 19px; -moz-background-size:85px 19px; -o-background-size:85px 19px;}
.gnbH ul li a.orange{background-size:102px 19px; -webkit-background-size:102px 19px; -moz-background-size:102px 19px; -o-background-size:102px 19px}

.gnbI{clear:both; width:631px; margin:5px 0 0 0; padding:0 5px;}
.gnbI li{float:left; margin-right:7px;}
.gnbI a{float:left; padding:0;}
.gnbI a span{float:left;}
.gnbITit{font-size:14px; padding:0 3px; width:42px;}
.gnbITit.w60{width:60px;}
.gnbITit.w80{width:80px;}
.gnbINumUp, .gnbINumDn, .gnbINumSm{padding-left:8px; width: 119px; font-size:15px;}
.gnbINumUp em, .gnbINumDn em, .gnbINumSm em{margin-left:10px; padding-left:14px; font-size:13px;}

}

.gnbA, .gnbB, .gnbC, .gnbD, .gnbE, .gnbF, .gnbG{background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%;}

/* ##### clear ##### */
#mainCnt:after, #mainGnb:after, .gnbI a:after, li:after
{clear:both; display:block; content:'';}