/*
#header {position:relative; width:100%; z-index:99;}
.fixGnb #header {position:fixed; transform:translateY(-36px); transition:all 0s linear;}
.hideToolbar .fixGnb #header {transform:translateY(-127px); transition:all .2s linear;}
.fixAni .fixGnb #header {transition:all .2s linear;}
*/

#header {position:relative; width:100%; z-index:99;}
.fixGnb  {position:fixed !important; top:0; transform:translateY(-36px); transition:all 0s linear;}
.hideToolbar .fixGnb  {transform:translateY(-127px); transition:all .2s linear;}
.fixAni .fixGnb  {transition:all .2s linear;}

.clear_center {position:relative; max-width:1340px; margin:0 auto; padding:0 20px;}
.clear_center:after {content:''; display:block; clear:both;}

.head_top {border-bottom:1px solid #e0e0e0; background:#f8f8f8;}
.head_top .site_link {float:left;}
.head_top .site_link > li {float:left;}
.head_top .site_link > li > a {display:block; width:101px; height:35px; text-indent:-999px; overflow:hidden;}
.head_top .site_link > li > a.link_photomon {background:url('/index/images/btn_top_photomon_on.png') no-repeat center -35px,url('/index/images/btn_top_photomon.png') no-repeat center 0;}
.head_top .site_link > li.active > a.link_photomon {background:url('/index/images/btn_top_photomon_on.png') no-repeat center 0,url('/index/images/btn_top_photomon.png') no-repeat center -35px;}
.head_top .site_link > li > a.link_cardwang {background:url('/index/images/btn_top_cardwang_on.png') no-repeat center -35px,url('/index/images/btn_top_cardwang.png') no-repeat center 0;}
.head_top .site_link > li > a.link_cardwang:hover {background:url('/index/images/btn_top_cardwang_on.png') no-repeat center 0px;}
.head_top .site_link > li.active > a.link_cardwang {background:url('/index/images/btn_top_cardwang_on.png') no-repeat center 0,url('/index/images/btn_top_cardwang.png') no-repeat center -35px;}
.head_top .site_link > li > a.link_artprint {background:url('/index/images/btn_top_artprint_on.png') no-repeat center -35px,url('/index/images/btn_top_artprint.png') no-repeat center 0;}
.head_top .site_link > li > a.link_artprint:hover {background:url('/index/images/btn_top_artprint_on.png') no-repeat center 0px;}
.head_top .site_link > li.active > a.link_artprint {background:url('/index/images/btn_top_artprint_on.png') no-repeat center 0,url('/index/images/btn_top_artprint.png') no-repeat center -35px;}
.head_top .site_link > li > a.link_bizprint {background:url('/index/images/btn_top_bizprint_on.png') no-repeat center -35px,url('/index/images/btn_top_bizprint.png') no-repeat center 0;}
.head_top .site_link > li > a.link_bizprint:hover {background:url('/index/images/btn_top_bizprint_on.png') no-repeat center 0px;}
.head_top .site_link > li.active > a.link_bizprint {background:url('/index/images/btn_top_bizprint_on.png') no-repeat center 0,url('/index/images/btn_top_bizprint.png') no-repeat center -35px;}
.head_top .util {float:right;}
.head_top .util > li {float:left; position:relative; padding-left:7px; margin-left:7px; font-size:12px; line-height:35px;}
.head_top .util > li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:9px; margin-top:-5px; background:#e0e0e0;}
.head_top .util > li:first-child:before {display:none;}
.head_top .util > li > a {font-family:'Noto Sans KR', sans-serif;  -webkit-text-stroke: 0px; color:#666; text-decoration: none; font-size:12px; line-height: 35px;}

.head_con {background:#fff;}
.head_con #logo {padding:35px 0 22px; text-align:center;}
.head_con .search_box {position:absolute; top:33px; left:20px; width:220px; padding-right:50px; background:#fafafa; box-sizing:border-box; }
.head_con .search_box input[type="text"] {width:100%; height:39px; padding:10px 20px; border:none; background:#fafafa; font-family:'Noto Sans KR', sans-serif; color:#999; font-size:12px; line-height:19px; font-weight:300; box-sizing:border-box; }
.head_con .search_box .btn_search {position:absolute; top:0; right:0; width:50px; height:100%; border:none; background:url('/index/images/ico_search.png') no-repeat center center; text-indent:-999px; overflow:hidden; background-size: 26px 26px;}
.head_con .head_icobtn {position:absolute; top:28px; right:20px;}
.head_con .head_icobtn > li {float:left;}
.head_con .head_icobtn > li > a {display:block; position:relative; height:20px; margin-left:16px;}
.head_con .head_icobtn > li > a.btn_top_save {width:34px; height: 43px; background:url('/index/images/ic-savebox-normal.png') no-repeat center center; background-size: 100% 100%;}
.head_con .head_icobtn > li > a.btn_top_event {width:19px; background:url('/index/images/ico_top_event.png') no-repeat center center;}
.head_con .head_icobtn > li > a.btn_top_mypage {width:19px; background:url('/index/images/ico_top_mypage.png') no-repeat center center;}
.head_con .head_icobtn > li > a.btn_top_cart {width:38px; height: 43px; background:url('/index/images/ic-cart-normal.png') no-repeat center center; background-size: 100% 100%;}
.head_con .head_icobtn > li > a.btn_top_delivery {width:38px; height: 43px; background:url('/index/images/ic-delivery-normal.png') no-repeat center center; background-size: 100% 100%;}
.head_con .head_icobtn > li > a .txt01 {position:absolute; bottom:25px; left:55%;}
/*.head_con .head_icobtn > li > a .txt span {display:inline-block; padding:0 10px; border-radius:3px; background:rgba(192,192,192,0.8); color:#fff; font-size:12px; line-height:21px;}
.head_con .head_icobtn > li > a:hover .txt {height:21px; opacity:1;}*/

.head_con .head_icobtn > li > a .txt01 span {display:inline-block; height: 18px; padding:0 6px; text-align: center; border-radius:18px; background: #fdb514; color:#fff; font-size:12px; line-height:18px;}

.head_con .head_icobtn > li > a.btn_top_save:hover {width:34px; height: 43px; background:url('/index/images/ic-savebox-hover.png') no-repeat center center; background-size: 100% 100%;}
.head_con .head_icobtn > li > a.btn_top_cart:hover {width:38px; height: 43px; background:url('/index/images/ic-cart-hover.png') no-repeat center center; background-size: 100% 100%;}
.head_con .head_icobtn > li > a.btn_top_delivery:hover {width:38px; height: 43px; background:url('/index/images/ic-delivery-hover.png') no-repeat center center; background-size: 100% 100%;}


.head_gnb {height:40px; border-bottom:1px solid #ffb704; background:rgba(255,255,255,1); transition:all .2s linear;}
.hideToolbar .head_gnb {background:rgba(255,255,255,1);}
#gnb {display:table; table-layout:fixed; position:relative; width:100%;}
#gnb > li {display:table-cell;}
#gnb > li > a {display:block; position:relative; padding-bottom:3px; text-align:center; transition:all .3s; text-decoration:none;}
#gnb > li > a > span{font-family:'Noto Sans KR', sans-serif;  -webkit-text-stroke: 0px;  color:#333 ; font-size:14px ; line-height:37px ; }
#gnb > li > a:before {content:''; position:absolute; bottom:0; left:50%; width:0; height:3px; background:rgba(255,255,255,0); transition:all .3s;}
#gnb > li:hover > a {color:#fdb604;}
#gnb > li:hover > a:before {width:100%; left:0; background:#ffb600;}
#gnb > li > .depth_banner {display:-webkit-flex; display:flex; flex-wrap:nowrap; position:absolute; top:56px; left:0; max-height:0; max-width:100%; padding:0; border-radius:4px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.3); overflow:hidden; opacity:0; transition:all .3s;}
#gnb > li:nth-child(5) > .depth_banner,
#gnb > li:nth-child(6) > .depth_banner {left:35%; margin-left:-260px;}
#gnb > li:nth-child(7) > .depth_banner,
#gnb > li:nth-child(8) > .depth_banner,
#gnb > li:nth-child(9) > .depth_banner,
#gnb > li:nth-child(10) > .depth_banner {left:auto; right:0;}
#gnb > li:hover > .depth_banner {max-height:1500px; padding:30px 0; opacity:1;}
#gnb > li > .depth_banner .depth_box {padding:5px 40px; border-left:1px solid #ececec;}
#gnb > li > .depth_banner .banner_box {display:-webkit-flex; display:flex; flex-wrap:nowrap; padding:5px 40px; border-left:1px solid #ececec;}
#gnb > li > .depth_banner .banner_box .banner .tit a {text-decoration: none;}
#gnb > li > .depth_banner .banner_box .banner + .banner {margin-left:20px;}
#gnb > li > .depth_banner > *:first-child {border-left:none;}
#gnb > li > .depth_banner .tit {font-family:'Noto Sans KR', sans-serif;  -webkit-text-stroke: 0px; padding:8px 0; color:#666; font-size:13px; line-height:16px; font-weight:500;}
#gnb > li > .depth_banner .depth {overflow:hidden;}
#gnb > li > .depth_banner .depth li {clear:both; float:left; min-width:92px; padding:8px 0;}
#gnb > li > .depth_banner .depth.col2 li {clear:none; width:calc(100% - 120px);}
#gnb > li > .depth_banner .depth.col2 li:nth-child(2n + 1) {clear:both; width:120px;}/*21.01.07 ±èÈ£Çö »çÁøÀÎÈ­>ºê¶ó½ºÀÌÁ© ÇÁ¸°Æ® ·¹µå´åÀ» À§ÇÑ css Á¶Á¤ width 108->120*/
#gnb > li > .depth_banner .depth.col3 li {clear:none; min-width:119px;}
#gnb > li > .depth_banner .depth.col3 li:nth-child(3n + 1) {clear:both;}
#gnb > li > .depth_banner .depth li a {font-family:'Noto Sans KR', sans-serif;  -webkit-text-stroke: 0px; text-decoration:none; color:#999; font-size:13px; line-height:16px;}
#gnb > li > .depth_banner .depth li a:hover {color:#333;}
#gnb > li > .depth_banner .depth + .tit {margin-top:15px;}
#gnb > li > .allmenu {display:table; table-layout:fixed; position:absolute; top:56px; right:0; width:100%; max-height:0; padding:0 20px; border-radius:4px; background:#fff; box-shadow:3px 3px 8px rgba(0,0,0,0.3); letter-spacing:-0.33px; overflow:hidden; opacity:0; transition:all .3s;}
#gnb > li:hover > .allmenu {max-height:1500px; padding:30px 20px; opacity:1;}
#gnb > li > .allmenu .cell {display:none; padding:5px 10px;}
#gnb > li:hover > .allmenu .cell {display:table-cell;}
#gnb > li > .allmenu .tit {font-family:'Noto Sans KR', sans-serif;  -webkit-text-stroke: 0px; padding:8px 0; color:#666; font-size:13px; line-height:16px; font-weight:500;}
#gnb > li > .allmenu .tit a {text-decoration:none; font-weight: bold;}
#gnb > li > .allmenu .list {margin-top:5px; overflow:hidden;}
#gnb > li > .allmenu .list + .tit {margin-top:30px;}
#gnb > li > .allmenu .list + .list {margin-top:17px;}
#gnb > li > .allmenu .list li {clear:both; float:left; min-width:92px; padding:4px 0;}
#gnb > li > .allmenu .list li a {font-family:'Noto Sans KR', sans-serif;  -webkit-text-stroke: 0px; text-decoration:none; color:#999; font-size:13px; line-height:14px;}
#gnb > li > .allmenu .list li a:hover {color:#333;}
#gnb > li > .allmenu .list li a .t_red {color:#ff4b4b;}
#gnb > li:hover > .ico_arrow {position:relative; width:100%;}
#gnb > li:hover > .ico_arrow:before {content:''; position:absolute; top:0; left:0; width:100%; height:18px;}
#gnb > li > .ico_arrow:after {content:''; position:absolute; top:0; left:50%; width:0; height:0; margin-left:-8px; border:none; overflow:hidden; opacity:0; transition:opacity .4s;}
#gnb > li:hover > .ico_arrow:after {border:8px solid transparent; border-bottom-color:#fff; opacity:1;}

/*.container_padding #container {padding-top:167px;} */

.left_quick_banner {position:absolute; top:728px; right:50%; margin-right:680px; z-index:49;}
.right_quick {position:absolute; top:728px; left:50%; width:80px; margin-left:680px;  z-index:49;}
.right_quick .quick_menu {background-color:#fff;}
.right_quick .quick_menu li a {display:block; position:relative; border:1px solid #ddd; border-bottom:none; text-indent:-999px; overflow:hidden;}
.right_quick .quick_menu li a.btn01 {height:120px; background:url('/index/images/quick_ddukddak_on.png') no-repeat center -999px,url('/index/images/quick_ddukddak.png') no-repeat center center;}
.right_quick .quick_menu li a.btn01:hover {background:url('/index/images/quick_ddukddak_on.png') no-repeat center center,url('/index/images/quick_ddukddak.png') no-repeat center -999px;}
.right_quick .quick_menu li a.btn02 {height:67px; background:url('/index/images/quick_box_on.png') no-repeat center -999px,url('/index/images/quick_box.png') no-repeat center center;}
.right_quick .quick_menu li a.btn02:hover {background:url('/index/images/quick_box_on.png') no-repeat center center,url('/index/images/quick_box.png') no-repeat center -999px;}
.right_quick .quick_menu li a.btn03 {height:68px; background:url('/index/images/quick_editor_on.png') no-repeat center -999px,url('/index/images/quick_editor.png') no-repeat center center;}
.right_quick .quick_menu li a.btn03:hover {background:url('/index/images/quick_editor_on.png') no-repeat center center,url('/index/images/quick_editor.png') no-repeat center -999px;}
.right_quick .quick_menu li a.btn04 {height:68px; background:url('/index/images/quick_coupion_2020_on.png') no-repeat center -999px,url('/index/images/quick_coupion_2020.png') no-repeat center center;}
.right_quick .quick_menu li a.btn04:hover {background:url('/index/images/quick_coupion_2020_on.png') no-repeat center center,url('/index/images/quick_coupion_2020.png') no-repeat center -999px;}
.right_quick .quick_menu li a.btn05 {height:68px; background:url('/images/br_wing/201701/quick_03_over.png') no-repeat center -999px,url('/images/br_wing/201701/quick_03.png') no-repeat center center;}
.right_quick .quick_menu li a.btn05:hover {background:url('/images/br_wing/201701/quick_03_over.png') no-repeat center center,url('/images/br_wing/201701/quick_03.png') no-repeat center -999px;}
.right_quick .aboutbtn {margin-top: 7px;}
.right_quick .FDbtn {margin-top: 15px; margin-left:-15px; cursor:pointer; display:none;}

@media screen and (max-width:1540px) {
    .left_quick_banner,
    .right_quick {display:none;}
}

@media screen and (max-width:1280px) {
    #gnb > li > .depth_banner .depth_box,
    #gnb > li > .depth_banner .banner_box {padding-left:20px; padding-right:20px;}
}

/* ¹è³Ê À̺¥Æ® */
.fixGnb_tb {transform : transLateY(-121px) !important; }
.hideToolbar_td .fixGnb_tb {transform : transLateY(-212px) !important;}
.layer_contets_width {position:relative; width:1040px; margin: 0 auto; text-align:left; font-size:0px;} /* 2020-06-22 dumicode */


.nav_list {
    position: relative;
}
.nav_list_my:hover .nav_list_box_my {
    display: block;
}
.nav_list_qna:hover .nav_list_box_qna {
    display: block;
}
.nav_list_box {
    position: absolute;
    top: 35px;
    right: 0;
    background-color: #fff;
    z-index: 999;
    box-shadow: 2.5px 3.1px 7px 0 rgba(0, 0, 0, 0.3);
    display: none;
}
.nav_list_my > span {
    position: relative;
    padding-right: 10px;
    cursor: pointer;
    line-height: 35px;
    font-size: 12px;
}
.nav_list_my > span::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 8px;
    right: 0;
    width: 6px;
    height: 3px;
    background: url("/index/images/ic-arrow-orange-down.jpg") no-repeat;
    background-size: 100% 100%;
}
.nav_list_qna > span {
    color: #666;
    position: relative;
    padding-right: 10px;
    cursor: pointer;
    line-height: 35px;
    font-size: 12px;
}
.nav_list_qna > span::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: 8px;
    right: 0;
    width: 6px;
    height: 3px;
    background: url("/index/images/ic-arrow-gray-down.jpg") no-repeat;
    background-size: 100% 100%;
}
.nav_list_qna > span a {
    color: #666;
    font-size: 12px;
    line-height: 35px;
}
.nav_list_box li a {
    position: relative;
    width: 113px;
    color: #666;
    display: block;
    padding-left: 15px;
    font-size: 13px;
    font-weight: 300;
    line-height: 35px;
    text-align: left;
}
.nav_list_box li a strong {
    font-weight: 500;
    color: #333;
}
.nav_list_box li a:hover {
    background: #f5f5f5;
    color: #333;
}
.list_new {
    margin-top: 11px;
}
a {
    text-decoration: none !important;
}

#gnb > li > .allmenu .list_ex li a  {
    font-family:'Noto Sans KR', sans-serif;
    -webkit-text-stroke: 0px;
    padding:8px 0;
    color:#666;
    font-size:13px;
    line-height:16px;
    font-weight:500;
}