@import url('/usr/css/layout2017.css?px=180219');

#wrap{position:relative}

/*CONTAINER ***************************************************************************/
#container{position:relative;clear:both;display:block;width:1170px;margin:10px auto;padding-left:0 !important;}/*ie7 main2016.css 좌측제어*/
#container:after{content:"";display:block;clear:both}

#container #main_left{float:left;width:220px;}
#container #main_center{float:left;width:640px;margin-left:15px;}
#container #main_right{float:right;width:200px;width:250px;width:280px;}

/*LEFT:로그아웃일때*/
#logout_box{overflow:hidden;display:block;width: 198px;height:218px;padding:15px 10px;background:#e7f2fc;border:1px solid #d1d4e1;}
#logout_box  .user_login{position:relative;}
#logout_box  .user_login ul li{margin-bottom:5px;}
#logout_box  .user_login ul li input[type="text"]{width:117px;height:28px;padding:0 5px;border:1px solid #ddd}
#logout_box  .user_login ul li input[type="password"]{width:117px;height:28px;padding:0 5px;border:1px solid #ddd}
#logout_box  .user_login ul li > p input[type="checkbox"]{margin-right:5px;vertical-align:top}
#logout_box  .user_login .login{position:absolute;right:0;top:0;display:block;width:65px;height:65px;line-height:65px;background:#616b9c;color:#fff;text-align:center;}
#logout_box  .user_login .login{display:block;width:65px;height:65px;line-height:65px;background:#1b6bbf;color:#fff;text-align:center;}
#logout_box  .user_login .login:hover{background:#215eaa}
#logout_box  .user_login .login a{display:block;width:65px;height:65px;line-height:65px;color:#fff}

#logout_box p.user_mem{overflow:hidden}
#logout_box p.user_mem:after{content:"";display:block;clear:both}
#logout_box p.user_mem a.join_mem{float:left;width:65px;background:#1b6bbf;}
#logout_box p.user_mem a.find_pw{float:right;width:130px;background:#777;}
#logout_box p.user_mem a{display:inline;height:20px;padding:9px 0 0;margin:5px 0;text-align:center;color:#fff;text-decoration:none;letter-spacing:-0.05em;font-size:12px;}

#logout_box .user_visit{clear:both;margin-top:5px;}
#logout_box .user_visit span  {display:none}
#logout_box .user_visit span a {display:block;width:190px;height:38px;margin:5px 0;}
#logout_box .user_visit em{margin-top:30px;}
#logout_box .user_visit em a{display:block;width:190px;height:67px;}

/*LEFT:로그인했을때*/
#dashboard_back3{ overflow:hidden;width: 188px;height:218px;padding:15px;background:#f4f7fa;border:1px solid #d1d4e1; }

#dashboard_back3 #dashboard_message01{margin-bottom:5px;}
#dashboard_back3 #dashboard_message01 span{font-weight:bold;color:#000;}

#dashboard_back3 #dashboard_log002 {position:relative;margin-bottom:5px;}
#dashboard_back3 #dashboard_log002 .name{display:inline-block;height:16px;padding:4px 0 0 15px;background:url("http://img.arreo.com/usr/img11/main/ico_phn1.png") 0 3px no-repeat;font-weight:bold;color:#000}
#dashboard_back3 #dashboard_log002 .btn{position:absolute;right:0;top:0;}
#dashboard_back3 #dashboard_log002 .btn a{display:inline-block;height:16px;padding:4px 6px 0;background:#91b6dd;font-size:12px;letter-spacing:-0.05em;color:#fff;*display:inline; zoom:1;}

#dashboard_back3 .user_box{margin-bottom:5px;padding:10px;background:#fbfdff;border:1px solid #eae6d4;color:#000}
#dashboard_back3 .user_box a{color:#000}
#dashboard_back3 .user_box  div.area{position:relative;height:18px;padding:7px 0 0;border-top:1px dotted #eae6d4;}
#dashboard_back3 .user_box  div.area:first-child{border-top:none}

#dashboard_back3 .user_box #dashboard_log03 .point{font-weight:bold;color:#333;}
#dashboard_back3 .user_box #dashboard_log03 .btn{position:absolute;right:0;top:4px;}
#container #main_left #dashboard_back3 .user_box #dashboard_log03 .btn a{}

#dashboard_back3 .user_box #dashboard_send001 .point{position:absolute;right:0;}
#dashboard_back3 .user_box #dashboard_send001 .point a{padding-right:3px;font-weight:bold;color:#333;*line-height:16px;}

#dashboard_back3 .user_box #dashboard_send002 .point{position:absolute;right:0;}
#dashboard_back3 .user_box #dashboard_send002 .point a{padding-right:3px;font-weight:bold;color:#333;*line-height:16px;}

#dashboard_back3 .user_box #dashboard_mail01 .txtRight{position:absolute;right:0;}
#dashboard_back3 .user_box #dashboard_mail01 .number{font-weight:bold;color:#333;*line-height:16px;}

#dashboard_back3 .user_box #dashboard_cash01{margin-bottom:-3px;}
#dashboard_back3 .user_box #dashboard_cash01 > a:first-child{padding:0 0 0 12px;background:url("http://img.arreo.com/usr/img2/main/iconCash.gif?px=180219") no-repeat}
#dashboard_back3 .user_box #dashboard_cash01 > span a{padding:0 0 0 22px;background:url("http://img.arreo.com/usr/img2/main/iconPoint.gif?px=180219") no-repeat}
#dashboard_back3 .user_box #dashboard_cash01 > a.charge{position:absolute;right:0;display:inline-block;height:16px;padding:4px 6px 0;background:#c4a21c;color:#fff;font-size:12px;letter-spacing:-0.05em;*display:inline; zoom:1;}

#dashboard_back3 #dashboard_bottom01{margin-left:-5px;}
#dashboard_back3 #dashboard_bottom01 span{margin:0 0 0 5px;}
#dashboard_back3 #dashboard_bottom01 span a{display:inline-block;width:69px;height:18px;padding:7px 10px 0;background:#1b6bbf;text-align:center;color:#fff;*display:inline; zoom:1;}
#dashboard_back3 #dashboard_bottom01 span.btn_logout a{background:#777}

/*LEFT:공지사항*/
#main_left #noticeArea{overflow:hidden;display:block;width: 188px;height:px;margin:10px 0;padding:10px 15px;background:#fff;border:1px solid #d1d4e1;}
#main_left #noticeArea iframe{}
#notice{width:100%;}
#notice > .head{position:relative;padding-bottom:7px;border-bottom:1px solid #616c9d}
#notice > .head h3{display:block;width:100px;height:15px;font-family: 'Noto Sans KR';font-weight:400;font-size:15px;color:#616c9d}
#notice > .head > a{position:absolute;right:0;top:2px;color:#999;font-family:Malgun Gothic;font-size:11px;font-weight:normal}
#notice > .head > a:hover{color:#616c9d}

table#notice{display:block;margin:5px 0 0 0;*padding-top:5px;}
table#notice td{padding:2px 0;height:20px;}
table#notice td a{display:block;padding:2px 0 0 6px;background:url("http://img.arreo.com/usr/img3/main/icon_gray.gif") 0 7px no-repeat;letter-spacing:-0.05em;width:90%; white-space:nowrap;}
table#notice td a:hover{color:#616c9d}
table#notice td a b{color:#444}
table#notice td a img{padding-left:5px;vertical-align:top;cursor:}


/*LEFT:015로그인전*/
.banner_logout{overflow:hidden;display:block;margin:10px 0;width:218px;height:190px;background:#fff;border:1px solid #478edc;display:none}
.user_015_logout{width: 188px;padding:10px 15px;}
.user_015_logout .box_title{position:relative;padding-bottom:3px;margin-bottom:10px;border-bottom:1px solid #7ba6d5;}
.user_015_logout .box_title > h3{display:block;height:15px;background:url("http://img.arreo.com/usr/img11/main/tit_015join.png") no-repeat;text-indent:-999999em;}
.user_015_logout .box_title > a{position:absolute;right:0px;top:1px;}
.user_015_logout > dl{padding:13px 7px;border-radius:2px;border:1px solid #fecbcb;background:#fdf7f7;}
.user_015_logout > dl dt{display:none;margin-bottom:5px;font-weight:bold;font-size:13px;color:#f88c8c}
.user_015_logout > dl dd{display:block;height:18px;background:url("http://img.arreo.com/usr/img11/main/usr_015_bg.png") no-repeat;}
.user_015_logout > dl dd:hover{background:url("http://img.arreo.com/usr/img11/main/usr_015_bg_on.png") no-repeat;}
.user_015_logout > dl dd > span{display:inline-block;width:40px;text-indent:-999999em;}
.user_015_logout > dl dd input{display:inline-block;width:70px;height:18px;border:0;background:transparent;text-indent:-99999em;outline:0}
.user_015_logout > dl dd input+input{cursor:pointer}
.user_015_logout > .user_go{padding:15px 0 0;}
.user_015_logout > .user_go > a {display:block;width:100%;height:20px;padding-top:8px;border-radius:2px;background:#65aecb;text-align:center;color:#fff}
.user_015_logout > .user_go > ul{overflow:hidden;margin-top:12px;}
.user_015_logout > .user_go > ul li{float:left;display:block;padding:5px 7px;background:url("http://img.arreo.com/usr/img11/main/bg_line03.png") 0 center no-repeat;}
.user_015_logout > .user_go > ul li:first-child{background:none}
.user_015_logout > .user_go > p{width:100%;margin-top:8px;}
.user_015_logout > .user_go > p a{display:inline-block;height:20px;padding:8px 0 0 ;border-radius:2px;border:1px solid #65aecb;background:#fff;text-align:center;font-size:12px;letter-spacing:-0.03em;color:#3894b9}
.user_015_logout > .user_go > p a:first-child{width:20%}
.user_015_logout > .user_go > p a+a{width:36%}
.user_015_logout > .user_go > p a:hover{background:#eaf6fa}

/*LEFT:015로그인후*/
.user_015_login{overflow:hidden;display:block;width:188px;padding:10px 15px;background:#fff;display:none}
.user_015_login dl{overflow:hidden;display:block;padding-bottom:3px;border-bottom:1px solid #7ba6d5;}
.user_015_login dl dt{float:left;padding:5px 0 0 16px;background:url("http://img.arreo.com/usr/img11/main/ico_img01.png") 0 7px no-repeat;font-weight:bold;font-size:13px;color:#194f88;}
.user_015_login dl dd{float:right;}
.user_015_login dl dd a{display:inline-block;margin:3px 0 -3px;width:18px;height:18px;}
.user_015_login > div{clear:both}
.user_015_login > div iframe{width:225px;margin:0 0 0 -12px;}

.user_015_box{width:188px;margin-top:5px;}
.user_015_box > textarea{overflow:hidden;width:178px;height:55px;padding:5px;border:1px solid #ccc;background:#e5eef9;font-family:Gulim;font-size:12px;color:#444;resize:none}
.user_015_box > div{position:relative;padding:3px 0 7px}
.user_015_box > div ul li{padding:9px 0 3px;color:#333;}
.user_015_box > div ul li img{margin:-5px 3px 0 0;}
.user_015_box > div > a{position:absolute;right:0;top:15px;display:block;width:41px;height:20px;padding:8px 0 0;border-radius:2px;background:#e49191;border:1px solid #e38787;text-align:center;font-size:12px;color:#fff;}
.user_015_box > p{text-align:center}
.user_015_box > p img{margin:0 10px;}




/*LEFT:고객센터*/
#main_left .cscenter{overflow:hidden;display:block;width: 188px;margin:10px 0;padding:10px 15px;background:#fff;border:1px solid #d1d4e1;}
#main_left .cscenter > .box_title{position:relative;padding-bottom:7px;border-bottom:1px solid #616c9d;}
#main_left .cscenter > .box_title > h3{display:block;width:100px;height:15px;font-family: 'Noto Sans KR';font-weight:400;font-size:15px;color:#616c9d}
#main_left .cscenter > .box_title > a{position:absolute;right:0;top:1px;}
#main_left .cscenter > .box_cont{overflow:hidden;display:block;margin-top:7px;padding:7px 4px;background:#f6f6f6;}
#main_left .cscenter > .box_cont > div{position:relative;display:block;height: 50px;padding:7px 0 0 30px;}
#main_left .cscenter > .box_cont > div > a{position:absolute;left:25px;top: 30px;}
#main_left .cscenter > .box_cont > p{padding:15px 0 15px 6px;}
#main_left .cscenter > .box_cont > p > span{display:block;padding:3px 0 0}
#main_left .cscenter > .box_cont > ul{overflow:hidden;margin-left:5px;}
#main_left .cscenter > .box_cont > ul li{display:block;}
#main_left .cscenter > .box_cont > ul li+li{margin-top:5px;}

#main_left .banner_lgt_btm ul li+li{margin-top:5px;}


/*CENTER: 스킨롤링*/
#visual{position:relative;}
#visual .pic{overflow:hidden;width:640px;height:400px;} /* 20240603 height 250px */
#visual .pic ul{overflow:hidden;height:100%;}
#visual .pic ul li{float:left;width:640px !important;height:100%;background-repeat:no-repeat;background-position:center bottom;background-size:cover;}
#visual .bull{position:absolute;display:block;right:10px;top:10px;text-align:right;}
#visual .bull div{display:inline-block;width:12px;height:12px;border-radius:50%;margin: 0 3px;cursor:pointer;background:#ccc;}
#visual .bull div.on{background-color:#444;}
#visual .dir span{position:absolute;top:120px;font-size:22px;color:#f5f5f5;cursor:pointer; text-shadow:0 3px 4px #666}
#visual .dir .prev{left:5px;}
#visual .dir .next{right:5px;}

#main_center .banner_btm{margin-top:10px;}


/*CENTER: 포토문자함*/
#theme_box{overflow:hidden;width:100%;margin:10px 0;}
.themeIF.temp1{height:200px;}
.themeIF.temp2{height:175px;}
.themeIF .mmsT{overflow:hidden;position:relative;display:block;width:100%;padding:5px 0;line-height:15px;}
.themeIF .mmsT .aLeft{float:left; display:inline-block;margin-right:10px;font-family:"Noto Sans KR";font-size:16px;font-weight:400;color:#3d4052;}
.themeIF .mmsT .aCenter{float:left; display:inline-block; }
.themeIF .mmsT .aCenter a{display:inline-block;width:14px;height:14px;*margin:0 3px;line-height:14px;border-radius:2px;background:#999;font-size:10.5px;text-align:center;color:#fff;}
.themeIF .mmsT .aCenter a:hover{background:#3b8bd0}
.themeIF .mmsT .aCenter a.on{background:#3b8bd0}
.themeIF .mmsT .aRight{float:right;display:inline-block;margin:3px 3px -3px 0;background:url("http://img.arreo.com/usr/img2/main/btn_arrow.gif") right 2px no-repeat;color:#ccc}
.themeIF .mmsT .aRight a{padding-right:10px;*line-height:16px; color:#73a1da;}

.themeBox  {clear:both;display:block;width:100%;}
.themeBox > div{overflow:hidden;}
.tmp_from{overflow:hidden;margin-left:-17px;}
/*금주의포토*/
.temp_from{margin-left:-17px;}
.temp_from .themeBoxAreaMms{float:left;width:112px;height:165px;margin:0 0 5px 17px;border:1px solid #ccc;background:#fff;*display:inline}
.temp_from .themeBoxAreaMms  p.mmsLine{width:112px;height:165px}
.temp_from .themeBoxAreaMms  p.mmsLine img{width:100%;height:100%;}
.temp_from .themeBoxAreaMms  p.themeTxt{display:none}/*금주의포토 타이틀 숨기기*/
.temp_from .themeBoxAreaMms  p.themeTxt a{height: 18px; color:#999;font-weight:bold; padding-top:5px; text-align:center; background-color:#fff;}
/*장문문자*/
.temp_from .themeBoxArea {float:left;margin:0 0 5px 19px;}
.temp_from .themeBoxArea textarea {width:125px;height:140px; padding:9px;border:1px solid #ccc;overflow-y:scroll;overflow-x:hidden;resize:none;font-family:monospace;font-size:12px;outline:0;}
.temp_from .themeBoxArea .themeTxt{display:none}
/*모바일상품권선물하기*/
.temp_mgift {overflow:hidden; margin-left:-17px;height:150px; }
.temp_mgift div{float:left;width:112px;height:140px;margin:0px 0 5px 17px;border:1px solid #ddd;background:#fff;*display:inline}
.temp_mgift  div ul li{width:112px;}
.temp_mgift  div ul li dl dt{text-align:center}
.temp_mgift  div ul li dl dt img{width:112px;height:85px;}
.temp_mgift  div ul li dl dd{padding:5px 0 0;}
.temp_mgift  div#line{display:none;width:0;height:0;}
/*모바일초대장 쿠폰*/
.temp_area ul{overflow:hidden;margin-left:-17px;}
.temp_area ul li{float:left;border:1px solid #ccc;width:112px;height:px;margin:0 0 5px 17px}
.temp_area ul li img{width:100%;height:100%}


/*CENTER: 하단 아이콘배너*/
#main_center .banner_bottom{clear:both;width:640px;margin-top:25px;display:none}


/*RIGHT: 검색창*/
#main_right #search{margin-bottom:10px;}
#main_right #search  div{position:relative}
#main_right #search  div select{/*width:70px;width:55px;*/width:100px;height:26px;border:1px solid #ccc}
#main_right #search  div input[type="text"]{/*width:104px;width:75px;*/width:112px;height:24px;padding:0 30px 0 5px;border:1px solid #ccc}
#main_right #search  div #sbtn{position:absolute;right:0;top:0;display:block;width:27px;height:26px;border:0;background:url("http://img.arreo.com/usr/img11/main/btn_search.png") no-repeat;text-indent:-99999em;}

#main_right .cupon_check{padding:5px 15px;margin-bottom:3px;background:#fdfdfd;border:1px solid #c0b0a6;border-right:15px solid #c0b0a6;}
#main_right .cupon_check h3{color:#777}
#main_right .cupon_check ul li{display:block;margin:5px 0;}
#main_right .cupon_check ul li span{display:inline-block;width:50px;color:#444}
#main_right .cupon_check ul li input{width:142px;height:18px;padding:0 2px;margin-right:5px;border:1px solid #ccc;}
#main_right .cupon_check ul li input::-webkit-input-placeholder{font-size:11px;}
#main_right .cupon_check ul li input:-ms-input-placeholder{font-size:11px;}
#main_right .cupon_check ul li select{display:inline-block;width:148px;border:1px solid #ccc;}
#main_right .cupon_check > a{display:block;width:70px;margin:0 auto;padding:7px 10px 4px;text-align:center;background:#575a6e;color:#fff}
#main_right .cupon_check > a:hover{background:#454b6a}

#main_right .banner_rgt_btm{display:none}
#main_right .banner_rgt_btm ul li{margin-bottom:3px}
/*CONTAINER ******************************************************************************/

#add_banner{position:absolute;right:-20px;top:710px;width:300px;height:250px;background:#ccc;display:none}


/*#ifrAddress{border:3px solid #36599e !important;}통합전송창 주소록*/
/*#layerEditor,#ifrEditor{*oveflow-y:hidden}포토첨부 ie7 우측스크롤 제거*/











/*레이어팝업 위치 :20160927*/
#wrap .pop1{position:absolute;left:232px;top:0px;z-index:99;}
#wrap .pop1 > div a{display:block;position:absolute;left:332px;width:182px;height:30px;text-indent:-999999em}
#wrap .pop1 > div a#btn11{top:230px;}
#wrap .pop1 > div a#btn12{top:548px;}
#wrap .pop1 > p{height:12px;line-height:12px;padding:5px 15px 3px;background:#fdc1c3;text-align:right;color:#fff;font-size:11px;cursor:pointer}
#wrap .pop1 > p span{margin-right:5px;}
#wrap .pop1 > p span input[type="checkbox"]{margin-top:-2px;}

/*레이어팝업:20170825*/
#wrap .pop2{position:absolute;left:230px;top:0px;width:640px;z-index:99;background:#fcfcfc;border:1px solid #b62c2c}
#wrap .pop2 > div{padding:20px 60px;}
#wrap .pop2 > div p{line-height:24px;font-weight:bold}
#wrap .pop2 > p{height:12px;line-height:12px;padding:5px 15px 3px;background:#b62c2c;text-align:right;color:#fff;font-size:11px;cursor:pointer}
#wrap .pop2 > p span{margin-right:5px;}
#wrap .pop2 > p span input[type="checkbox"]{margin-top:-2px;}

/*레이어팝업:201712*/
#wrap .pop3{position:absolute;left:0px;top:0px;z-index:99;box-shadow:0px 0px 30px #666}
#wrap .pop3 p{height:14px;line-height:14px;padding:5px 15px 3px;background:#333;text-align:right;color:#fff;font-size:11px;cursor:pointer;}
#wrap .pop3 > p span{margin-right:5px;}
#wrap .pop3 > p span input[type="checkbox"]{margin-top:-2px;vertical-align:middle}


/*전송창안내도우미:20161019*/
.btn_send_go{position:absolute;right:-77px;top:109px}
.btn_send_goo{position:absolute;right:-75px;top:36px}


/*원격지원도우미 : 20170103*/
#layer_pc_viewer{width:600px;height:798px;padding:20px;border:1px solid #ddd;font-size:16px;}
#vw_head{padding:5px 0;border-bottom:3px solid #3f8b81}
#vw_head h3{font-size:30px;text-align:center;font-weight:normal;color:#000}
#vw_head p{padding-top:10px;text-align:right;font-size:14px;color:#e15576}
#vw_body{padding:25px 0;}
#vw_body > p{color:#000;}
#vw_body ol{margin:10px 0;padding:10px 10px 10px 30px;border-radius:5px;background:#e5efee;}
#vw_body ol li{padding:3px 0;}
#vw_body ol li span{margin-left:-13px;color:#e15576}
#vw_body > a{display:block;width:160px;height:40px;margin:10px auto 0;line-height:40px;text-align:center;font-size:16px;border-radius:1px;background:#5ba49b;color:#fff}
#vw_body > a:hover{background:#3f8b81}



/*index20160707.jsp 전체넓이,우측넓이 수정,   상단넓이 높이의 지배를 받지 않으려면 항상 하단에 위치 : 20160927 */
#wrap.wrap20160707 #header12{min-width:1090px;}
#wrap.wrap20160707 #header12 #head h1{margin-left:20px;}
#wrap.wrap20160707 #header12 #head #util ul{margin-right:45px;}
#wrap.wrap20160707 #header12 #head #mem .svc_home{margin-right:45px;}
#wrap.wrap20160707 #footer #foot_top > p{float:right;padding:0;margin-right:24px;}
#wrap.wrap20160707 #container{width:1080px;}
#wrap.wrap20160707 #container #main_right{width:200px;}
#wrap.wrap20160707 #container #main_right #search  div select{width:60px;}
#wrap.wrap20160707 #container #main_right #search  div input[type="text"]{width:75px;vertical-align:top}
#wrap.wrap20160707 #container #main_right .banner_rgt_btm{margin-top:8px;}
#wrap.wrap20160707 #container #main_center{margin-left:10px;}
#wrap.wrap20160707 #container #main_center #theme_box{}
#wrap.wrap20160707 #visual.cscenter > .box_cont{overflow:hidden;display:block;margin-top:7px;padding:7px 4px;background:#f3f3f3;}
#wrap.wrap20160707 #container #main_left .cscenter > .box_cont > div{position:relative;display:block;height: 50px;padding:7px 0 0 6px;}
#wrap.wrap20160707 #container #main_left .cscenter > .box_cont > div > a{position:absolute;left:40px;top: 30px;}
#wrap.wrap20160707 #container #main_left .cscenter > .box_cont > p{padding:10px 0 12px 6px;}
#wrap.wrap20160707 #container #main_left .cscenter > .box_cont > p > span{display:block;padding:3px 0 0}
#wrap.wrap20160707 #container #main_left .cscenter > .box_cont > ul{overflow:hidden;margin:0 0 5px 0;}
#wrap.wrap20160707 #container #main_left .cscenter > .box_cont > ul li{float:left !important;display:block}
#wrap.wrap20160707 #container #main_left .cscenter > .box_cont > ul li+li{margin:0 0 02px}




/* : 20170505*/
#head_banner {overflow:hidden;width:100%; height:80px; background:#b0f9f0;}
#head_banner  .banner_box{ position:relative; width:1170px; height:80px;margin:0 auto;cursor:pointer;z-index:99999}
#head_banner  .banner_box .btn_close{position:absolute; bottom:5px; right:0}

/*:20170925*/
#pop_notice{cursor:pointer}
#pop_notice span{display:block;height:30px;line-height:30px;text-align:center;background:#692476;}
#pop_notice span{color:#fff;font-size:14px;font-weight:bold}
#pop_notice img{width:100%;}