

html{/*modify 190611*/min-width:1100px}
body{font-size:12px;font-family:'Noto Sans Korean','Noto Sans KR','맑은 고딕','Malgun Gothic';color:#242424}
h1, h2, h3, h4, h5, h6{margin:0}
p{margin:0}
a{display:inline-block;color:#242424;outline:0;text-decoration:none}
a:hover, a:link, a:visited, a:focus{outline:0;text-decoration:none}
button{outline:none}
caption,legend{display:none}
input[type="checkbox"],input[type="radio"]{margin:0}
/*layout*/
#wrap{}
.layout_wrap{width:1140px !important;margin:0 auto}
.layout_wrap:after{content:" ";display:block;clear:both}
.layout_wrap2{position:relative;width:960px !important;margin:0 auto}
.layout_wrap2:after{content:" ";display:block;clear:both}
.img_box{line-height:0 !important}
.img_box img{max-width:100%;height:auto}
.txt_hide{overflow:hidden;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}

.fw500{font-weight: 500}

.btn_st01{color:#fff;background:#f08200;border:1px solid #f08200}
.btn_st02{color:#1b1b1b;border:1px solid #1b1b1b;background:#fff}
.btn_st03{color:#AFAFAF;border:1px solid #AFAFAF;background:#eaeaea}
.btn_st04{color:#fff;background:#004ea2;border:1px solid #004ea2}
.btn_st01.btn_modify{height:26px;padding:0 10px;line-height:26px;border:0;font-size:14px}

/*header*/
#header{position:relative;width:100%;background-color:#fff}
.hd_util{position:relative;float:left;width:100%}
.hd_util > img{float:left;width:100%}
.hd_util > a{float:left;width:100%}
.hd_util > a > img{float:left;width:100%}
.hd_util .btn_wrap{position:absolute;left:50%;margin-left:-570px;text-align:right;bottom:0}
.hd_util .btn_wrap input[type="checkbox"]{width:19px;height:19px;margin-bottom:10px}
.hd_util .btn_wrap label{color:#343434;font-size:14px;margin:0px 14px 0 7px}
.hd_util .btn_wrap button{width:41px;height:41px;background:rgba(255, 255, 255, .58);border:0;color:#232626;text-align:center;font-size:20px}
.hd_util .btn_wrap button > img{vertical-align:middle}
.layout_wrap.btn_wrap{}
.hd_top{display:inline-block;width:100%;height:131px;padding:15px 0 20px;background:url(/images/common/hd_top_bg-242a0455802f10926db9c536b5bf8f12.jpg)center center no-repeat}
.hd_top .layout_wrap{position:relative}
.hd_top .hd_top_tnb{display:inline-block;width:100%;text-align:right;margin-bottom:10px}
.hd_top .hd_top_tnb > li{display:inline-block;position:relative}
.hd_top .hd_top_tnb > li::before{content:'';position:absolute;top:50%;right:0;height:12px;margin-top:-6px;width:1px;background:#6f6f6f}
.hd_top .hd_top_tnb > li:last-child::before{display:none}
.hd_top .hd_top_tnb > li > a{color:#6f6f6f;padding:5px 10px}
.hd_top .hd_top_btm{display:inline-block;width:100%}
.hd_top .hd_top_btm .sch-wrap{width:413px;display:inline-block;position:relative}
.hd_top .hd_top_btm .sch-wrap input{background:url(/images/common/sch_bg-859361dcbffe6bffaa661f74853ce088.png)center center no-repeat;width:100%;height:54px;border-radius:30px;border:0;padding:5px 20px;color:#434343;font-size:16px;outline:none}
.hd_top .hd_top_btm .sch-wrap input::placeholder{color:#999;font-size:16px}
/* Chrome/Opera/Safari */
.hd_top .hd_top_btm .sch-wrap input::-webkit-input-placeholder{color:#999;font-size:16px}
/* Firefox 19+ */
.hd_top .hd_top_btm .sch-wrap input::-moz-placeholder{color:#999;font-size:16px}
/* IE 10+ */
.hd_top .hd_top_btm .sch-wrap input:-ms-input-placeholder{color:#999;font-size:16px}
/* Firefox 18- */
.hd_top .hd_top_btm .sch-wrap input:-moz-placeholder{color:#999;font-size:16px}

.hd_top .hd_top_btm .sch-wrap button.btn_submit{position:absolute;right:0;top:0;padding:0;background:none;border:0;outline:none}
.hd_top .hd_top_btm .sch-wrap button.btn_submit .sch_num{
    background:#f08200;
    width:20px;
    height:20px;
    display:inline-block;
    border-radius:20px;
    color:#fff;
    position:absolute;
    left:0px;
    top:5px;
    display:none;
}
.hd_top .hd_top_btm .menu-wrap{display:inline-block;float:right}
.hd_top .hd_top_btm .menu-wrap ul{}
.hd_top .hd_top_btm .menu-wrap ul li{display:inline-block;margin-right:30px;text-align:center}
.hd_top .hd_top_btm .menu-wrap ul li:last-child{margin:0}
.hd_top .hd_top_btm .menu-wrap ul li a{position:relative}
.hd_top .hd_top_btm .menu-wrap ul li a img{margin-bottom:7px}
.hd_top .hd_top_btm .menu-wrap ul li a p{font-weight:600}
.hd_top .hd_top_btm .menu-wrap ul li a span.wish_count{background:#f08200;width:20px;height:20px;display:inline-block;border-radius:20px;color:#fff;position:absolute;right:-5px;top:0;line-height:20px}
.hd_top .logo{float:left;display:inline-block;padding-right:65px}
.hd_top .logo span{margin-left:10px;vertical-align:bottom}
.hd_top_menu{float:right;margin-top:21px;margin-right:10px}
.hd_top_menu li{float:left;margin-left:25px}
.hd_top_menu li a{background-repeat:no-repeat;background-position:left center;padding-left:25px;color:#454545}
.hd_top_menu li.li01 a{background-image:url(../images/common/hd_ico01.png) }
.hd_top_menu li.li02 a{background-image:url(../images/common/hd_ico02.png) }
.hd_top_menu li.li03 a{background-image:url(../images/common/hd_ico03.png) }

.hd_top_link{display:inline-block;width:100%;padding:15px 0 20px;background:#fff; border-bottom:1px solid #afafaf;}
.hd_top_link .layout_wrap{position:relative}
.hd_top_link .hd_top_btm .menu-wrap{float:right; transform: translateY(35%);}
.hd_top_link .hd_top_btm .menu-wrap ul li{display:inline-block;margin-right:7px;}
.hd_top_link .hd_top_btm .menu-wrap ul li:last-child{margin:0}
.hd_top_link .hd_top_btm .menu-wrap ul li a{position:relative}
.hd_top_link .hd_top_btm .menu-wrap ul li a img{margin-bottom:7px}
.hd_top_link .hd_top_btm .menu-wrap ul li a span.wish_count{background:#f08200;width:20px;height:20px;display:inline-block;border-radius:20px;color:#fff;position:absolute;right:-5px;top:0;line-height:20px}
.hd_top_link .logo{float:left;display:inline-block;padding-right:65px}
.hd_top_link .logo span{margin-left:10px;vertical-align:bottom}

.hd_bottom{}
.hd_bottom button{display:inline-block;user-select:none;border:0;background-color:transparent}
#gnb{background:#004ea2;height:50px;position:relative}
#gnb:hover{z-index:1000}
#gnb .depth01{display:inline-block}
#gnb .depth01 > li{float:left;cursor:pointer;width:244px;text-align:center;height:50px}
#gnb .depth01 > li.li02 > ul{}
#gnb .depth01 > li.li02 > ul > li:first-child{text-indent:40px}
#gnb .depth01 > li.li03 > ul > li:first-child{text-indent:315px}

#gnb .depth01 > li > a, #gnb ul > li > button{font-size:18px;font-weight:500;color:#fff;display:inline-block;width:100%;height:100%;line-height:50px;padding:0}
#gnb .depth01 > li > button{font-size:14px}
#gnb .depth02{display:none;width:100%;position:absolute;left:0;top:50px;height:50px;text-align:center;z-index:100;background-color:#fff;border-bottom:1px solid #004ea2}
#gnb .depth02 > li{display:inline-block;line-height:48px;margin-right:30px}
#gnb .depth02 > li > a{display:inline-block;font-size:16px;font-weight:400;color:#004ea2}
#gnb .manu_all_wrap{display:none}
#gnb .manu_all_wrap{position:absolute;top:50px;left:50%;width:1142px;padding:0px 0px 0px;z-index:100;margin-left:-571px;border:1px solid #004ea2;border-top:0}
#menuAll{}
#menuAll > ul.main_menu{background-color:#7ba8d8}
#menuAll > ul.main_menu > li{width:100%;text-align:left;position:relative;display:inline-block;width:100%;float:left;padding:0}
#menuAll > ul.main_menu > li::after{position:absolute;content:'';height:100%;width:2px;left:135px;top:0;background:#5e95cf;display:none}
#menuAll > ul.main_menu > li:last-child::after{height:80%}
#menuAll > ul.main_menu > li:nth-child(5n){margin-right:0}
#menuAll > ul.main_menu > li:nth-child(odd){background-color:#8eb5dd}
#menuAll > ul.main_menu > li:nth-child(odd) > ul{background-color:#fff}
#menuAll > ul.main_menu > li:nth-child(even) > ul{background-color:#eff4fa}
#menuAll > ul.main_menu > li > ul{display:inline-block;padding:5px 0 5px 20px;text-align:left;float:left;width:976px}
#menuAll > ul.main_menu > li > ul > li{float:left;display:inline-block;text-align:left;font-size:14px;font-weight:400;padding:0 30px 0 0;line-height:30px;position:relative}
#menuAll > ul.main_menu > li > ul > li::after{content:'';position:absolute;top:10px;right:15px;background-color:#bbb;float:left;width:1px;height:12px}
#menuAll > ul.main_menu > li > ul > li:last-child::after{display:none}
#menuAll > ul.main_menu > li > ul > li > a{float:left;color:#434343;font-weight:400;line-height:30px}
#menuAll > ul.main_menu > li > ul > li > a:hover{color:#f08200}
#menuAll > ul.main_menu > li > a{font-size:14px;font-weight:400;display:inline-block;width:164px;color:#fff;height:100%;border:0;float:left;line-height:35px;padding:5px 0 5px 25px}
#menuAll > ul.main_menu > li > a{
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-o-transition:all 0.4s;
	transition:all 0.4s;
}
#menuAll > ul.main_menu > li > a:hover{color:#004ea2;font-weight:500}
#menuAll > ul.main_menu > li.ca_11{}
#gnb .depth01 > li.category{width:164px;background:#5e95cf}
#gnb .depth01 > li.category button > i{margin-right:10px}
#gnb .depth01 > li.category .manu_all_wrap ul > [class^="ca_"] > a{line-height:30px}

.manu_all_wrap button.menu_all_close{overflow:hidden;position:absolute;top:92px;left:50%;margin-left:432px;width:30px;height:30px;background:url(../img/common/menu_all_close.png) no-repeat center center;text-indent:-9999px;cursor:pointer}
.category_btm{padding:10px 15px;background-color:#eff4fa}
.category_btm ul{text-align:right}
.category_btm ul li{display:inline-block;width:10%;text-align:center;line-height:33px;border:1px solid #004ea2;font-size:15px;width:135px;background-color:#004ea2}
.category_btm ul li:last-child{}
.category_btm ul li a{color:#fff;width:100%;height:100%;display:inline-block}
.category_btm > ul > li > a i{margin:0 0 0 5px}


/*상품추천*/
#budget_product{position:absolute;right:0;z-index:100;background:#fff;top:134px;width:300px;display:none;z-index:999;border:2px solid #f08200}
#budget_product #budget_close{background:url('/images/common/budget_close-ddd585db02517ad2e9ecbd38c90832d6.jpg')center center no-repeat;width:14px;height:auto;display:inline-block;float:left;background-size:cover}
#budget_product .budget_product_wr{padding:12px;display:inline-block;width:296px;background:#fff}
#budget_product .budget_product_wr > li h2{font-size:16px;border-bottom:1px solid #d2d2d2;padding:8px;margin-bottom:10px;border-top:1px solid #d2d2d2;line-height:24px;font-weight:400}
#budget_product .budget_product_wr > li{margin-bottom:10px}
#budget_product .budget_product_wr > li.type_bud{}
#budget_product .budget_product_wr > li.type_bud h2{border-top:0;padding:0 8px 8px 8px}
#budget_product .budget_product_wr > li.type_bud dl{display:inline-block;float:left}
#budget_product .budget_product_wr > li.type_bud dl:nth-child(2){}
#budget_product .budget_product_wr > li.type_bud dl:nth-child(3){margin-right:11px}
#budget_product .budget_product_wr > li.type_bud dl:nth-child(4){margin-left:10px}
#budget_product .budget_product_wr > li.type_bud dl:nth-child(2) input[type="text"]{width:90px}
#budget_product .budget_product_wr > li.type_bud dl:nth-child(3) input[type="text"]{width:52px}
#budget_product .budget_product_wr > li.type_bud dl:nth-child(4) input[type="text"]{width:69px;border-color:#fff;padding:0}
#budget_product .budget_product_wr > li.type_bud dt{margin-bottom:7px;font-size:13px}
#budget_product .budget_product_wr > li.type_bud dt label{font-size:13px}
#budget_product .budget_product_wr > li.type_bud dd{}
#budget_product .budget_product_wr > li.type_bud dd input[type="text"]{border:1px solid #d9d9d9;height:30px;padding:0 9px;line-height:28px}
#budget_product .budget_product_wr > li.type_bud dd input[type="text"]::placeholder{color:#999}
/* Chrome/Opera/Safari */
#budget_product .budget_product_wr > li.type_bud dd input[type="text"]::-webkit-input-placeholder{color:#999}
/* Firefox 19+ */
#budget_product .budget_product_wr > li.type_bud dd input[type="text"]::-moz-placeholder{color:#999}
/* IE 10+ */
#budget_product .budget_product_wr > li.type_bud dd input[type="text"]:-ms-input-placeholder{color:#999}
/* Firefox 18- */
#budget_product .budget_product_wr > li.type_bud dd input[type="text"]:-moz-placeholder{color:#999}
#budget_product .budget_product_wr > li.type_bud span{display:inline-block;margin:0 4px}
#budget_product .budget_product_wr > li.type_bud button{width:100%;margin:10px 0 20px;height:30px}
#budget_product .budget_product_wr > li.type_tema{margin-bottom:20px}
#budget_product .budget_product_wr > li.type_tema > ul{display:inline-block;width:100%}
#budget_product .budget_product_wr > li.type_tema > ul > li{display:inline-block;width:50%;float:left;margin:10px 0}
#budget_product .budget_product_wr > li.type_tema > ul > li > a{padding-left:50px;display:inline-block;width:100%;height:100%;font-size:15px;font-weight:300;float:left;line-height:40px;background-size:40px 40px;background-position:left center;background-repeat:no-repeat}
#budget_product .budget_product_wr > li.type_tema > ul > li > a:hover{color:#242424}
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(1) > a{background:url('/images/common/type_tema_img01-d3b5715a6adbd6cbf7da42e9ac9ff963.png')left center no-repeat}*/
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(2) > a{background:url('/images/common/type_tema_img02-561cb0b423046f5b043bffdec77be283.png')left center no-repeat}*/
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(3) > a{background:url('/images/common/type_tema_img03-0c3c24ad3e93d2213fde5129d15a30fc.png')left center no-repeat}*/
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(4) > a{background:url('/images/common/type_tema_img04-a8623e575f2a397dc3fe2935f8ae2eec.png')left center no-repeat}*/
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(1) > a:hover{background:url('/images/common/type_tema_img01_on-f4c74c4520925fe71abae9c86bc78467.png')left center no-repeat;color:#f08200}*/
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(2) > a:hover{background:url('/images/common/type_tema_img02_on-2f4a37af09566aeb8ab70cc6404cd06e.png')left center no-repeat;color:#f08200}*/
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(3) > a:hover{background:url('/images/common/type_tema_img03_on-c0397f5313e9bca9eca7fbcfe6f30a7a.png')left center no-repeat;color:#f08200}*/
/*#budget_product .budget_product_wr > li.type_tema > ul > li:nth-child(4) > a:hover{background:url('/images/common/type_tema_img04_on-9a78eb7b1799ab8e7e80a23e128e0c76.png')left center no-repeat;color:#f08200}*/
#budget_product .budget_product_wr > li.type_price{border-bottom:0;margin-bottom:0}
#budget_product .budget_product_wr > li.type_price dl{display:inline-block;float:left;width:50%;margin-bottom:10px}
#budget_product .budget_product_wr > li.type_price dt{display:inline-block;font-size:12px;font-weight:300}
#budget_product .budget_product_wr > li.type_price dt input[type="checkbox"]{float:left;width:17px;height:17px}
#budget_product .budget_product_wr > li.type_price dd{display:inline-block;margin-left:3px}
#budget_product .budget_product_wr > li.type_price dd label{float:left;font-size:13px;font-weight:300;line-height:20px}
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7){width:100%;margin:0}
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) dt{margin-bottom:5px;color:#888;font-size:13px;line-height:20px}
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) dd{margin:0}
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) span{display:inline-block;margin:0 6px}
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) input[type="text"]{display:inline-block;width:114px;height:30px;line-height:28px;padding:0 9px;border:1px solid #d9d9d9}
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) input[type="text"]::placeholder{color:#999}
/* Chrome/Opera/Safari */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) input[type="text"]::-webkit-input-placeholder{color:#999}
/* Firefox 19+ */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) input[type="text"]::-moz-placeholder{color:#999}
/* IE 10+ */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) input[type="text"]:-ms-input-placeholder{color:#999}
/* Firefox 18- */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(7) input[type="text"]:-moz-placeholder{color:#999}
#budget_product .budget_product_wr > li.type_price > dl:nth-child(8) input[type="text"]::placeholder{color:#999}
/* Chrome/Opera/Safari */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(8) input[type="text"]::-webkit-input-placeholder{color:#999}
/* Firefox 19+ */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(8) input[type="text"]::-moz-placeholder{color:#999}
/* IE 10+ */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(8) input[type="text"]:-ms-input-placeholder{color:#999}
/* Firefox 18- */
#budget_product .budget_product_wr > li.type_price > dl:nth-child(8) input[type="text"]:-moz-placeholder{color:#999}

#budget_product .budget_product_wr > li.type_price button{margin-top:10px;width:100%;height:30px}


/*마이페이지*/
#hd_mypage{position:absolute;right:0;z-index:100;background:#fff;top:134px;width:300px;display:none;z-index:999;border:2px solid #f08200}
#hd_mypage #hd_mypage_close{background:url('/images/common/budget_close-ddd585db02517ad2e9ecbd38c90832d6.jpg')center center no-repeat;width:14px;height:545px;display:inline-block;float:left;background-size:cover}
#hd_mypage .hd_mypage_wr{padding:12px;display:inline-block;width:296px;background:#fff}
.hd_mypage_con01{border-bottom:1px solid #d2d2d2;padding:10px 0 16px;text-align:center}
.hd_mypage_con01.hd_mypage_con01_04{border-bottom:0;padding-top:5px}
.hd_mypage_con01 li{display:inline-block;text-align:center;margin:0 auto}
.hd_mypage_con01 li h2{font-size:14px;display:inline-block;line-height:20px;margin:0;/* float:left;*/}
.hd_mypage_con01 li h2 strong{font-size:16px;font-weight:500;margin:0 2px}
.hd_mypage_con01 li h2 span{font-weight:600}
.hd_mypage_con01 li p{color:#6f6f6f;font-size:14px}
.hd_mypage_con01 li button{width:119px;height:30px;line-height:28px;font-size:14px;float:left;padding:0}
.hd_mypage_con01 li  span.level{color:#f08200;display:inline-block;line-height:20px;float:left;font-size:14px;font-weight:300;margin-right:5px}
.hd_mypage_con01 li:last-child{}
.hd_mypage_con01_01{text-align:center;border-bottom:1px solid #d2d2d2;padding-top:5px}
.hd_mypage_con01_01.hd_mypage_con01_02{padding-top:0}
.hd_mypage_con01_01.hd_mypage_con01_03{padding-top:0}
.hd_mypage_con01_01 li h2{
    font-weight:500;
    font-size:14px;
}
.hd_mypage_con01_01 li a{
    color:#f08200;
    border:1px solid #f08200;
    background:#fff;
    width:119px;
    height:30px;
    line-height:28px;
    font-size:14px;
    margin:16px 0;
}
.hd_mypage_con01_01.hd_mypage_con01_03 li a{margin-top:0;color:#1b1b1b;border-color:#1b1b1b}
.hd_mypage_con01_01.hd_mypage_con01_02 li a{color:#1b1b1b;border-color:#1b1b1b}
.hd_mypage_con01_01 li a:hover{color:#f08200}
.hd_mypage_con01_01.hd_mypage_con01_02 li a:hover{color:#1b1b1b}
.hd_mypage_con01_01.hd_mypage_con01_03 li a:hover{color:#1b1b1b}
.hd_mypage_con02{padding:16px 0;display:inline-block;width:100%;border-bottom:1px solid #d2d2d2}
.hd_mypage_con02 li{display:inline-block;width:50%;float:left}
.hd_mypage_con02 li:first-child{border-right:1px solid #d2d2d2}
.hd_mypage_con02 li dl{text-align:center}
.hd_mypage_con02 li dt{margin-bottom:13px;font-weight:500;font-size:13px}
.hd_mypage_con02 li dt.subTitle{color:darkgray;font-size:13px;font-weight:400}
.hd_mypage_con02 li dd{font-size:15px;color:#f08200;font-weight:500}
.hd_mypage_con02 li dt button{
    color:#f08200;
    border:1px solid #f08200;
    display:inline-block;
    background:#fff;
    margin-left:6px;
    font-size:12px;
    padding:0 5px;
    }

.hd_mypage_con02_2{padding:16px 0;display:inline-block;width:100%;border-bottom:1px solid #d2d2d2}
.hd_mypage_con02_2 li{display:inline-block;width:100%;float:left}
.hd_mypage_con02_2 li dl{text-align:center}
.hd_mypage_con02_2 li dt{margin-bottom:13px;font-weight:500;font-size:13px}
.hd_mypage_con02_2 li dt.subTitle{color:darkgray;font-size:13px;font-weight:400}
.hd_mypage_con02_2 li dd{font-size:15px;color:#f08200;font-weight:500}
.hd_mypage_con02_2 li dt button{
    color:#f08200;
    border:1px solid #f08200;
    display:inline-block;
    background:#fff;
    margin-left:6px;
    font-size:12px;
    padding:0 5px;
    }

.hd_mypage_con03{}
.hd_mypage_con03 > h2{font-size:16px;padding:15px 0 10px}
.hd_mypage_con03 > p{display:block;width:100%;padding:20px 0;text-align:center;font-size:15px;line-height:22px;margin-bottom:20px}
#hd_mypage .hd_mypage_wr .prd_list{padding:0}
#hd_mypage .hd_mypage_wr .prd_list .title_wrap{padding:65px 0 90px}
#hd_mypage .hd_mypage_wr .prd_list > ul > li{display:inline-block;width:100%;float:left;margin:0 0 5px 0;background:#fff;border:1px solid #bfbfbf}
#hd_mypage .hd_mypage_wr .prd_list ul li:nth-child(4n){margin-right:0}
#hd_mypage .hd_mypage_wr .prd_list ul li a{position:relative;width:100%;height:100%}
#hd_mypage .hd_mypage_wr .prd_list ul li a:hover .hover_wrap{display:block;background:rgba(0, 0, 0, .4)}
#hd_mypage .hd_mypage_wr .prd_list ul li a figure{position:relative}
#hd_mypage .hd_mypage_wr .prd_list ul li a figure img{display:inline-block;float:left;max-height:80px;max-width:80px}
#hd_mypage .hd_mypage_wr .prd_list ul li a figure figcaption{display:inline-block;width:165px;padding:13px 0}
#hd_mypage .hd_mypage_wr .prd_list ul li a figure figcaption p.info01{color:#1b1b1b;font-size:14px}
#hd_mypage .hd_mypage_wr .prd_list ul li a figure figcaption p.info01 span.brand{color:#fff;text-align:center;background:#bfbfbf;border-radius:100%;margin-right:5px;width:15px;height:15px;display:inline-block;line-height:15px;font-size:11px}
#hd_mypage .hd_mypage_wr .prd_list ul li a figure figcaption p.info02{display:inline-block;width:100%;color:#1b1b1b;font-size:15px;padding:5px 0 0;;height:27px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

#hd_mypage .hd_mypage_wr .prd_list .hover_wrap{display:none;position:absolute;left:0;top:0;width:100%;height:100%}
#hd_mypage .hd_mypage_wr .prd_list .hover_wrap ul{height:45px;width:170px;position:absolute;top:50%;margin-top:-22.5px;left:50%;margin-left:-85px}
#hd_mypage .hd_mypage_wr .prd_list .hover_wrap ul li{display:inline-block;float:left;width:33.333%;margin-right:0;text-align:center}
#hd_mypage .hd_mypage_wr .prd_list .hover_wrap ul li button{border:0;background:none;padding:0}
#hd_mypage .hd_mypage_wr .prd_list .hover_wrap ul li button img{height:45px}
#hd_mypage .hd_mypage_wr .prd_list .hover_wrap ul li:last-child{margin-right:0}
#hd_mypage #hd_mypage_logout{color:#a0a0a0;background:url('/images/common/hd_mypage_logout-ecd6bc6fff27689979a575de6e5dcf9c.png')left center no-repeat;padding-left:23px;float:left;margin:0 0 15px 25px;font-size:15px;line-height:22px}

/*검색어*/
#sch_con{display:none;position:absolute;width:368px;left:50%;top:54px;z-index:1001;background:#fff;margin-left:-184px;padding-bottom:45px;border:1px solid #eee}
#sch_con .tab_wrap{float:left;text-align:center;display:inline-block;width:100%}
#sch_con .tab_wrap button{border:0;font-size:16px;width:50%;float:left;color:#010101;background:#eeeeee;height:46px}
#sch_con .tab_wrap button:last-child{margin:0}
#sch_con .tab_wrap button.active{background:#f08200;color:#fff}
#sch_con .tab_con{float:left;width:100%}
#sch_con ul{padding:20px}
#sch_con ul li{padding-bottom:5px;display:inline-block;width:100%;line-height:24px}
#sch_con ul li:last-child{padding-bottom:0}
#sch_con ul li span.num{width:12px;height:12px;color:#fff;background:#f08200;border-radius:12px;color:#fff;display:inline-block;margin-right:7px;text-align:center;line-height:12px;font-size:10px;float:left;margin-top:5px}
#sch_con ul li span.del{float:right;cursor:pointer;font-size:13px;color:#1b1b1b}
#sch_con ul li p{color:#1b1b1b;display:inline-block;font-size:15px;float:left;cursor:pointer}
/*#sch_con ul li:hover span.del{color:#f08200}*/
#sch_con ul li:hover p{color:#f08200}
#sch_con .tab_con{min-height:365px}
#sch_con .tab_con ul li{text-align:center}
#sch_con .tab_con ul li h3{color:#1b1b1b;display:inline-block;font-size:20px;text-align:center;line-height:300px}
.hd_top .hd_top_btm .sch-wrap .sch_con_btm{background:#eeeeee;height:45px;text-align:right;position:absolute;left:0;bottom:0;width:100%}
.hd_top .hd_top_btm .sch-wrap .sch_con_btm button{background:transparent;border:0;color:#888;font-size:15px;line-height:45px;padding:0;margin-right:15px;float:initial}
/*footer*/
#footer{background:#5b5b5b;padding:40px 0}
#footer .ft_logo{display:inline-block;height:100%;float:left;line-height:97px}
#footer .ft_logo img{vertical-align:middle}
#footer .ft_info{display:inline-block;padding-left:50px}
#footer .ft_info ul{padding-bottom:25px}
#footer .ft_info ul li{display:inline-block;position:relative}
#footer .ft_info ul li::before{content:'';position:absolute;top:50%;right:0;height:12px;margin-top:-6px;width:1px;background:rgba(255, 255, 255, .5)}
#footer .ft_info ul li:last-child::before{display:none}
#footer .ft_info ul li a{color:rgba(255, 255, 255, .5);padding:0 9px;font-weight:300}
#footer .ft_info ul li:first-child a{padding-left:0}
#footer .ft_info p{color:rgba(255, 255, 255, .5);font-weight:300;line-height:1.5}

#footer .ft_cert {width: 450px;height: 675px;position: absolute; z-index: 1000;float: none;background-color: rgba( 255, 255, 255, 0 );border: 2px solid black; display: none;}


/* TOP 버튼 */
#footer #toTop{position:fixed;z-index:80001 !important;bottom:20px;right:20px;width:40px;height:40px;cursor:pointer;padding:2px 5px 5px;font-size:12px;line-height:13px;color:#fff;opacity:1.00;text-align:center}
#footer #toTop{display:none}
#footer #toTop > span.bg{position:absolute;z-index:1;top:0;left:0;float:left;width:100%;height:100%;background-color:#004ea2;opacity:0.60}
#footer #toTop .fa{position:relative;z-index:2;font-size:18px;top:0}
#footer #toTop strong.txt{position:relative;z-index:2;display:inline-block;width:100%}

.align-left{text-align:left !important}
.error_wr{height:303px;position:absolute;width:100%;top:50%;margin-top:-151.5px}
.error_wr02{height:330px;position:absolute;width:100%;top:50%;margin-top:-165px}
.error{text-align:center;position:relative;height:100vh}
.error h1{}
.error h2{padding:50px 0 15px;font-size:30px;font-weight:600;color:#1b1b1b}
.error h3{font-size:18px;color:#1b1b1b}
.error a{height:40px;line-height:38px;font-size:15px;width:200px;margin-top:50px}
.align-center{text-align:center !important}
.border-t-0{border-top:0 !important}
.border-b-0{border-bottom:0 !important}

.sidenav{
  width:0;
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  background-color:#111;
  transition:0.5s;
}

.sidenav a{
  /* padding:8px 8px 8px 32px;*/
  /* text-decoration:none;*/
  /* font-size:25px;*/
  /* color:#818181;*/
  /* display:block;*/
  /* transition:0.3s;*/
}

.sidenav a:hover{
  color:#f1f1f1;
}

.sidenav .closebtn{
  position:absolute;
  /* top:0;*/
  /* right:25px;*/
  /* font-size:36px;*/
  /* margin-left:50px;*/
}

@media screen and (max-height:450px){
  .sidenav{padding-top:15px}
  .sidenav a{font-size:18px}
}


/*2022-06-24*/
.hd_top .hd_top_btm{
    text-align: center;
}

.hd_top .hd_top_btm .logo{
    margin: 0;
    padding: 0;
    width: 297px;
    height: auto;
}

.hd_top_link .hd_top_btm .logo{
    margin: 0;
    padding: 0;
    width: 297px;
    height: auto;
}

.hd-center{
    display: inline-block;
    vertical-align: middle;
    margin: 9px 0;
}

.hd_top .hd_top_btm .hd-center .sch-wrap{
    width: 403px;
    vertical-align: top;
}

.hd_top .hd_top_btm .sch-wrap input{
    background: url(/images/common/sch_bg2-ad905a3a1864c7e47af72f8bdecbc283.png) left top no-repeat;
}

.hd_top .hd_top_btm .hd-center .sch-wrap button.btn_submit{
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 1;
    right: 5px;
}

.hd_top .hd_top_btm .hd-center .sch-wrap button.btn_submit > img{
    float: none;
}

.hd_top_btm .switch-wrap.w130 {
    display: inline-block;
    width: 130px;
    margin-left: 5px;
}

.switch {
    position: relative;
    width: 100%;
    height: 54px;
    margin: 0;
    background: #f7f7f7;
    border-radius: 25px;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 50%;
    line-height: 54px;
    font-size: 14px;
    color: #999;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}

.switch-label:active {
    font-weight: 600;
}

.switch-label-off {
    padding-left: 0;
}

.switch-label-on {
    padding-right: 0;
}

.switch-input {
    display: none;
}

.switch-input:checked + .switch-label {
    font-weight: 500;
    color: #004F9C;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
}

.switch-selection {
    position: absolute;
    box-sizing: border-box;
    z-index: 1;
    top: 4px;
    left: 4px;
    display: block;
    width: calc(50% - 5px);
    height: 46px;
    border-radius: 23px;
    background-color: #fff;
    border: 2px solid #004F9C;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.switch-input:checked + .switch-label-on ~ .switch-selection {
    right: 4px;
    left: auto;
    border-color: #ef7d00;
    /* Note: left: 50%; doesn't transition in WebKit */
}

.switch-input:checked + .switch-label.switch-label-on {
    color: #ef7d00;
}

.hd_top .hd_top_btm .menu-wrap{
    margin: 6px 0 0 0 !important;
}

/*button*/
.btn01 {
    display: inline-block;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    font-size: 14px;
    padding: 0 10px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    vertical-align: middle;
}

.btn01.w100p{
    width: 100%;
}

.btn-blue {
    background: #1f4d9c;
    color: #fff;
}

.btn-blue.disabled,
.btn-blue:disabled {
    background: #f1f1f1;
    color: #999;
    cursor: not-allowed;
}

/*popup*/
.modal.centerModal {
    width: 350px;
    border-radius: 10px;
    box-shadow: none;
    padding: 0;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.modal.centerModal > a.close-modal {
    display: none;
}

.modal.centerModal > .inner {
    display: block;
    padding: 20px 15px;
}

.modal.centerModal .header {
    position: relative;
    text-align: center;
}

.modal.centerModal .header h3{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    line-height: 1;
    vertical-align: middle;
}

.modal.centerModal .section{
    margin-top: 25px;
    text-align: left;
}

.modal.centerModal .section.alert {
    margin-top: 0;
    text-align: center;
    padding: 25px 0 45px;
}

.modal.centerModal .section.alert p.subTit {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 1.2;
}

.modal.centerModal .section.alert + .btnWrap.w100p {
    overflow: hidden;
    font-size: 0;
}

.loading{height:303px;position:absolute;width:100%;top:25%;margin-top:-151.5px}
.loading .loginBtn01{width:55px;margin:20px 10px;cursor: pointer;}
.loading .mgt40{margin-top:40px}
.loading .imgCenter{float:center}

