@charset "utf-8";
/* CSS Document */

#header {width: 100%; height: 110px; background: url("/res/img/in-bg.gif") center 0 no-repeat; position: fixed; z-index: 60}

#in_container {position: relative; width: 1200px; margin: 0 auto; height: 55px}
#in_container ul#in_list {position: relative; float: left; margin-left: 240px}
#in_container ul#in_list li {position: relative; float: left}
#in_container ul#in_list li a {display: block; width: 142px; height: 34px; border-left: 1px solid #5a657f; background: #495572; padding-left: 17px;padding-top:21px}
#in_container ul#in_list li a:hover, #in_container ul#in_list li a:focus {background: #373d4c}
#in_container ul#srh_list {position: relative}
#in_container ul#srh_list li {position: relative; float: left;line-height:55px}
#in_container ul#srh_list li a {display: block; width: 141px; height: 19px; border-left: 1px solid #7474a3; background: #666699; padding-top: 6px; padding-left: 18px}
#in_container ul#srh_list ul>li:first-child{line-height:1;padding:21px 15px;}
#in_container ul#srh_list input[type="text"]{width:340px;border:0;background:#FFF;line-height:32px;font-size:12px;color:#666699;font-weight:bold;padding:0 10px}
#in_container ul#srh_list input[type="image"]{width:38px;height:38px;margin-left:10px}

placeholder{font-size:12px;color:#999;text-align:center;margin:0 auto}
::-webkit-input-placeholder{font-size:12px;color:#999;text-align:center;margin:0 auto}
:-moz-placeholder{font-size:12px;color:#999;text-align:center;margin:0 auto}
::-moz-placeholder{font-size:12px;color:#999;text-align:center;margin:0 auto}
:-ms-input-placeholder{;font-size:12px;color:#999;text-align:center;margin:0 auto}

#gn_container {position: relative; background: #fff; min-height: 80px}
#gn_container #gn_area {overflow: hidden; width: 1200px; margin: 0 auto}
#gn_container #gn_area #logo_area {float: left; overflow: hidden; width: 240px; margin: 0 auto}
#gn_container #gn_area #logo_area #logo {display: block; padding-left: 60px; padding-top: 18px}
#gn_container #gn_area #logo_area #gnb_img_bg {display: block; width: 240px}
#gn_container #gn_area #logo_area #gnb_img_bg.on {display: block; width: 240px}
#gn_container #gn_area #logo_area #gnb_img.gnb01 {display: block; background: url("/res/img/gnb01_img.png") right bottom no-repeat}
#gn_container #gn_area #logo_area #gnb_img.gnb02 {display: block; background: url("/res/img/gnb02_img.png") right bottom no-repeat}
#gn_container #gn_area #logo_area #gnb_img.gnb03 {display: block; background: url("/res/img/gnb03_img.png") right bottom no-repeat}
#gn_container #gn_area #logo_area #gnb_img.gnb04 {display: block; background: url("/res/img/gnb04_img.png") right bottom no-repeat}
#gn_container #gn_area #logo_area #gnb_img.gnb05 {display: block; background: url("/res/img/gnb05_img.png") right bottom no-repeat}
#gn_container #gn_area #logo_area #gnb_img.gnb06 {display: block; background: url("/res/img/gnb06_img.png") right bottom no-repeat}
#gn_container #gn_area #gnb {width: 100%}
#gn_container #gn_area .gnb {float: right; padding: 25px 0 25px 0; height: 30px; overflow: hidden}
#gn_container #gn_area .gnb > li { }
#gn_container #gn_area .gnb li {float:left; width: 160px; background: url("/res/img/gnbli_bg.gif") 0 2px no-repeat}
#gn_container #gn_area .gnb li a {display: block; overflow: hidden; height: 18px; margin: 5px 0 5px 20px; padding: 0}
#gn_container #gn_area .gnb li ul {padding-top: 1000px}
#gn_container #gn_area .gnb.on {background: url("/res/img/gnblili_bg.gif") 0 100px}
#gn_container #gn_area .gnb.on li ul {padding: 5px 0 10px 20px}
#gn_container #gn_area .gnb li li {float: none; padding: 8x 0 0 20px; line-height: 24px; background: none}
#gn_container #gn_area .gnb li li a {display: inline; padding: 0; height: auto; overflow: visible; margin: 0; font-family: 'Dotum',돋움,tahoma;}

#gn_container #gn_area .gnb li.on img,
#gn_container #gn_area .gnb li.hv img {margin-top: -30px;}
#gn_container #gn_area .gnb li li.on a,
#gn_container #gn_area .gnb li li.hv a,
#gn_container #gn_area .gnb li li a:hover,
#gn_container #gn_area .gnb li li a:focus {font-weight: bold; color: #57578f; letter-spacing: -1px}

#header #btm {background: url("/res/img/header_bg.png") repeat-x center top; width: 100%; height: 15px; position: relative}

#footer_top {position: relative; display: block; margin:0 auto; width: 100%; overflow: hidden; border-top: 1px solid #e2e2e2; z-index: 6}
#footer_top #in_container {position: relative; display: block; margin: 0 auto; width: 1170px; height: 29px; padding-left: 30px; vertical-align: middle; overflow: hidden}
#footer_top #in_container #in_area {position: relative; float: left}
#footer_top #in_container #in_area li {position: relative; float: left; font-size: 11px; font-family: "Dotum"; margin-top: 8px; margin-right: 10px}
#footer_top #in_container #in_area li a {color: #666}
#footer_top #in_container #in_area li a:hover, #footer_top #in_container #in_div li a:focus {color: #495572; font-weight: bold; letter-spacing: -1px}
#footer_top #in_container #qlink_area {position: relative; float: right}
#footer_top #in_container #qlink_area li {position: relative; float: left; padding-top: 5px; padding-right: 5px}
#footer_btm {position: relative; display: block; margin:0 auto; width: 100%; overflow: hidden; background: #495572; z-index: 6}
#footer_btm #desc_container {position: relative; display: block; margin: 0 auto; width: 1170px; min-height: 100px; padding-left: 30px; vertical-align: middle; overflow: hidden}
#footer_btm #desc_container #desc_area {position: relative; float: left; margin-top: 20px}
#footer_btm #desc_container #desc_area p.shopname {font-family: "NanumGothicExtraBold", "malgun gothic"; font-size: 14px; color: #fff; margin-bottom: 8px}
#footer_btm #desc_container #desc_area p.shopinfo {font-family: "Dotum"; font-size: 11px; color: #b2bacd; line-height: 14px}
#footer_btm #desc_container #desc_area p.shopinfo a {color: #ff9900}
#footer_btm #desc_container #desc_area p.shopinfo a:hover, #footer_btm #desc_container #desc_area p.shopinfo a:focus {text-decoration: underline; font-weight: bold; letter-spacing: -1px}
#footer_btm #desc_container #desc_area p.copytxt {font-family: "tahoma"; font-size: 10px; color: #7382a8; font-weight: bold}

#container {position: relative; display: block; margin:0 auto; width: 100%; height: 100%; overflow: hidden}


#btntop_area {position: relative; width: 1260px; margin: 0 auto; overflow: hidden}
#btntop_area #wrap {position: relative; display: block; height: 90px; margin-left: 1235px; margin-top: 400px; position: fixed; z-index: 50; background: url("/res/img/btntop.png") left top no-repeat}
#btntop_area #wrap a {display: block; position: relative; margin-top: 15px; width: 25px; height: 44px}

#smpopbg {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background: url("/res/img/popbg.png"); z-index: 1000; margin: 0 auto; display: none}
#smpopbg.act {display: block}
#smpopcontwrap {position: relative; display: block; width: 1200px; overflow: hidden; margin: 0 auto}
#smpopbg #smpopcontwrap .popcont {position: relative; display: block; float: left; width: 1060px; margin-top: 105px; background: #fff; margin-left: 70px; margin-bottom: 50px}
#smpopbg #smpopcontwrap .popcont div.topline {position: relative; display: block; width: 1060px; height: 10px; background: #495572}
#smpopbg #smpopcontwrap .popcont div.conttitle {position: relative; display: block; width: 1000px; margin: 32px 30px 20px 30px; border-bottom: 1px solid #ececec}
#smpopbg #smpopcontwrap .popcont div.contbg {position: relative; display: block; width: 1000px; margin: 0 30px 30px 30px; overflow: hidden}
#smpopbg #smpopcontwrap .popcont div.contbg div.contbgwrapl {position: relative; display: block; float: left; width: 200px; margin: 0 20px 0 0; overflow: hidden}
#smpopbg #smpopcontwrap .popcont div.contbg div.contbgwrap2 {position: relative; display: block; float: left; width: 780px; overflow: hidden}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg {background: url("/res/img/sm_border_bg.gif"); overflow: hidden; padding: 10px; margin-bottom: 20px}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contid {display: block; margin: 5px 0 5px 0}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contdesc {display: block; background: #fff; padding: 10px 15px 10px 15px; overflow: hidden}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contdesc div.contdesclayout {display: block; float: left; width: 150px; margin: 0 32px 20px 0; min-height: 218px}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contdesc ul li {font-family: NanumGothic; font-size: 12px; line-height: 24px}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contdesc ul li a {color: #666; text-decoration: none}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contdesc ul li a.maincate {color: #495572; text-decoration: none; font-family: NanumGothicExtraBold}
#smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contdesc ul li a:hover, #smpopbg #smpopcontwrap .popcont div.contbg div.contdescbg div.contdesc ul li a:focus {color: #dd4450; text-decoration: underline}
#smpopbg #smpopcontwrap .popclose {position: relative; display: block; float: left; width: 70px; margin-top: 105px}
#smpopbg #smpopcontwrap .popclose img {opacity: 0.2}