@charset "utf-8";


/* 웹 폰트 (본고딕NoToKr) */
@font-face {
    font-family: 'notokr-regular';
    src: url('../font/notokr-regular.eot');
    src: url('../font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-regular.woff2') format('woff2'),
         url('../font/notokr-regular.woff') format('woff'),
         url('../font/notokr-regular.ttf') format('truetype'),
         url('../font/notokr-regular.svg#notokr-regular') format('svg');
	src: local(※), url('../font/notokr-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'notokr-medium';
    src: url('../font/notokr-medium.eot');
    src: url('../font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('../font/notokr-medium.woff2') format('woff2'),
         url('../font/notokr-medium.woff') format('woff'),
         url('../font/notokr-medium.ttf') format('truetype'),
         url('../font/notokr-medium.svg#notokr-medium') format('svg');
	src: local(※), url('../font/notokr-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 이미지, 폼관련 요소 */
label, input, textarea { vertical-align:middle;}
img { vertical-align:middle; }
a { text-decoration:none; }
button { display:inline-block;border:none;background-color:transparent;cursor:pointer;}

/* link */
a:link {color:#333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:hover {color:#0066d1;text-decoration:none;}

/* 기본 CSS */
#wrap_mms{width:790px;}
#mms_contents { 
	position:relative;
	width:790px;
	margin:0 auto;
	padding-top:0px;
	margin-top:30px;
	display:inline-block;
}
#guidebox { 
	width:730px;
	font-size:13px;
	color:#666;
	font-family:notokr-regular,나눔고딕,'Nanum Gothic','맑은 고딕',Sans-serif;
	margin:30px 0;
	border:1px solid #e3e3e3;
	border-radius:10px;
	padding:25px 30px 20px 30px;
}


/* ----- 콘텐츠 레이아웃 ------ */
.phone_section {
	float:left;
	display:inline;
	width:233px;
	margin:0 28px 0 0px;
}
.categoryimgbox {
	float:left;
	position:relative;
	width:369px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}
.menu_section {
	position:relative;
	float:left;
	width:150px;
	margin-left:5px;
	background:#ececec;
	border:1px solid #d3d3d3;
	border-radius:10px;
	min-height:690px;
}

/* --- 핸드폰 ------- */
.phone-mms {background:url('//imgcdn.hanafax.com/_www/mms/main/phone_mmsbg.png');width:230px; /*min-height:153px;*/margin-top:-4px;}
.phone-mms-t {text-align:right;font-size:12px;color:#fff;padding:10px 25px 0 0;margin:0;}
.phone-mms-bt {margin:10px 0 0 28px;}
.btn-mmsedit {text-indent:-9999em;background:url(//imgcdn.hanafax.com/_www/mms/main/phone_btn_01.png) no-repeat left top;width:174px;height:50px;border:0;cursor:pointer;}
.btn-mmspc {text-indent:-9999em;background:url(//imgcdn.hanafax.com/_www/mms/main/phone_btn_02.png) no-repeat left top;width:174px;height:50px;border:0;cursor:pointer;}
.phone-m {background:url('//imgcdn.hanafax.com/_www/mms/main/phone_bg_02.png') no-repeat;width:230px;height:123px;}
.messege {margin:0;width:174px;height:140px;padding:20px 30px 0px 30px;color:#333;font-size:14px;font-family:'notokr-regular','맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Verdana, AppleGothic, sans-serif;border:0;}
.messege-byte {font-size:12px;color:#000;text-align:center;margin-top:6px;font-family:"dotum";}
.phone {background:url('//imgcdn.hanafax.com/_www/mms/main/phone_bg_03.png');width:230px;text-align:center;}
.phone_btnwrap {padding: 10px 5px;}
.btn-phone {
	text-shadow:0px 1px 0px #fff; 
	background-image:linear-gradient(to bottom,#f2f4f7 0,#dedede 100%);
	background-repeat:repeat-x;
	font-size:13px;
	cursor:pointer;
	color:#3b3b3b;
	font-family:'notokr-medium','맑은 고딕', 'Malgun Gothic', '돋움', Dotum, sans-serif;
	padding:5px 5px;
	border-radius:4px;
	display:inline-block;
	margin-bottom:0px;
	text-align:center;
	letter-spacing:-1px;
	border:1px solid #b1b1b1;
}
.btn-phoneok {
	box-shadow:inset 0px 1px 0px 0px #7fbfff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3e9eda), color-stop(1, #1d6fcc));
	background:-moz-linear-gradient(top, #3e9eda 5%, #1d6fcc 100%);
	background:-webkit-linear-gradient(top, #3e9eda 5%, #1d6fcc 100%);
	background:-o-linear-gradient(top, #3e9eda 5%, #1d6fcc 100%);
	background:-ms-linear-gradient(top, #3e9eda 5%, #1d6fcc 100%);
	background:linear-gradient(to bottom, #3e9eda 5%, #1d6fcc 100%);
	background-color:#3e9eda;
	border-radius:4px;
	border:1px solid #1e67b6;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:'notokr-medium','맑은 고딕', 'Malgun Gothic', '돋움', Dotum, sans-serif;
	font-size:13px;
	letter-spacing:-1px;
	text-align:center;
	padding:4px 5px 5px 5px;
}
.btn-phoneok:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1d6fcc), color-stop(1, #3e9eda));
	background:-moz-linear-gradient(top, #1d6fcc 5%, #3e9eda 100%);
	background:-webkit-linear-gradient(top, #1d6fcc 5%, #3e9eda 100%);
	background:-o-linear-gradient(top, #1d6fcc 5%, #3e9eda 100%);
	background:-ms-linear-gradient(top, #1d6fcc 5%, #3e9eda 100%);
	background:linear-gradient(to bottom, #1d6fcc 5%, #3e9eda 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d6fcc', endColorstr='#3e9eda',GradientType=0);
	background-color:#1d6fcc;
}

.recipient_txt {float:left;color:#1d1d1d;font-size:14px;font-family:'notokr-medium','맑은 고딕', 'Malgun Gothic', '돋움', Dotum, sans-serif;margin:8px 5px 0 14px;letter-spacing:-1px;}
#numberbox {width:200px; height: 95px;/*124px;*//*46px;*/ border:1px solid #c0c0c0; margin:8px 0px 0px 14px; padding:inherit;  overflow:auto;}
.number_list td {text-align:left;font-family:'맑은 고딕', 'Malgun Gothic', '돋움', Dotum, sans-serif; color:#000; padding:0px 7px; border-collapse:separate; border-bottom:1px solid #c0c0c0;}
.number {margin-top:3px;font-size:13px;}
.number_form {width:77%;height:18px;margin-left:8px;font-size:13px;background-color:#fff;border:none;}
.number_list td img {cursor:pointer;margin-top:4px;float:right;}
.reservation {margin: 3px 0px 0px 15px; width: 28%; float:left;}
.mms_radio {margin: 6px 0 0 -18px;}
.reservation_text {font-size:14px;color:#165aad;text-align:center;}


/* MMS 카테고리별 이미지*/
.gallery {
	margin-left:0px;
}
.gallery li {
	float:left;
	display:inline;
	height:165px;
	margin:0 13px 11px 0px;
}
.gallery li p {
	margin:0 2px;
	padding-top:9px;
}
.gallery li p .date {
	font-size:0.92em;
	color:#9b9b9b;
}
.gallery li img {
	border:1px solid #dfe1e5; border-radius:10px;width:108px;cursor:pointer;
}
.gallery li:hover img, .gallery li:focus img {
	border:1px solid #8be2df;
}


.gallery2 {
	margin-left:0px;
}
.gallery2 li {
	float:left;
	display:inline;
	height:165px;
	margin:0 10px 11px 0px;
}
.gallery2 li p {
	margin:0 2px;
	padding-top:9px;
}
.gallery2 li p .date {
	font-size:0.92em;
	color:#9b9b9b;
}
.gallery2 li img {
	border:1px solid #dfe1e5; border-radius:10px;width:108px;cursor:pointer;
}
.gallery2 li:hover img, .gallery li:focus img {
	border:1px solid #8be2df;
}

/* 페이징 영역 */
.pagination {text-align:center;display:inline-block;}
.pagination button{vertical-align:top;}
.pagination ul{display:inline-block;margin:0 5px;vertical-align:top;}
.pagination ul li{float:left;width:21px;height:21px;margin:0 2px;}
.pagination ul li button{width:100%;height:100%;color:#666;font-size:15px;}
.pagination ul li.current button{color:#f0222c;}
.btn-first{width:21px;height:21px;margin:0 2px;border:1px solid #dcdcdc;background:url("//imgcdn.hanafax.com/_www/mms/main/btn_start.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}
.btn-prev{width:21px;height:21px;margin:0 2px;border:1px solid #dcdcdc;background:url("//imgcdn.hanafax.com/_www/mms/main/btn_prev.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}
.btn-next{width:21px;height:21px;margin:0 2px;border:1px solid #dcdcdc;background:url("//imgcdn.hanafax.com/_www/mms/main/btn_next.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}
.btn-last{width:21px;height:21px;margin:0 2px;border:1px solid #dcdcdc;background:url("//imgcdn.hanafax.com/_www/mms/main/btn_end.gif") no-repeat center center;background-color:#ededed;text-indent:-9999px;vertical-align:top;}


/* MMS 카테고리별 메뉴 _ 페이지 */
.drawer{width:100%;border-radius:3px;}
.accordion-item{border-bottom:1px solid #E0E0E0;}
.accordion-item-active .accordion-header{background:#34a5e1;transition:.25s;}
.accordion-item-active .accordion-header-icon{color:#fff;}
.accordion-item-active .accordion-header h3{color:#fff;}
.accordion-header{background:#ececec;padding:7px 15px;cursor:pointer;min-height:20px;transition:.25s;}
.accordion-header h3{float:left;font-family:notokr-regular,나눔고딕,'Nanum Gothic','맑은 고딕',Helvetica,HelveticaNeue,DroidSans,Sans-serif;font-size:15px;font-weight:normal;margin:0;line-height:1.3em;color:#212121;}
.accordion-content{display:none;padding:0px 0px 0px 10px;color:#212121;background:#fff;font-size:12px;line-height:1.47em;letter-spacing:-0.2px;overflow:hidden;}
.accordion-content p{margin:0;margin-bottom:3px;}.accordion-header-icon{background:url(//imgcdn.hanafax.com/_www/mms/main/menu_ico01.png) no-repeat right center;vertical-align:middle;margin-top:2px;}
.accordion-header-icon.accordion-header-icon-active{background:url(//imgcdn.hanafax.com/_www/mms/main/menu_ico02.png) no-repeat right center;vertical-align:middle;margin-top:2px;}
.sub_scroll {overflow-y:auto;height:62px;}

/* MMS 카테고리별 메뉴 _ 에디터  */
.accordion2-item{border-bottom:1px solid #cdcdcd;}
.accordion2-item-active .accordion2-header{background:#afafaf;transition:.25s;}
.accordion2-item-active .accordion2-header-icon{color:#fff;}
.accordion2-item-active .accordion2-header h3{color:#fff;}
.accordion2-header{background:#afafaf;padding:6px 10px 6px 12px;cursor:pointer;min-height:20px;transition:.25s;}
.accordion2-header h3{ float:left;font-family:notokr-regular,나눔고딕,'Nanum Gothic','맑은 고딕',Helvetica,HelveticaNeue,DroidSans,Sans-serif;font-size:15px;background:url(//imgcdn.hanafax.com/_www/mms/main/editmenu_dot1.png) no-repeat left center;padding-left:10px;font-weight:normal;margin:0;line-height:1.3em;color:#fff;}
.accordion2-content{display:none;padding:5px 7px 5px 25px;color:#212121;background:#fff;font-size:14px;line-height:1.3em;overflow:hidden;}
.accordion2-content p{margin:0;margin-bottom:3px;}.accordion2-header-icon{background:url(//imgcdn.hanafax.com/_www/mms/main/menu_ico04.png) no-repeat right center;vertical-align:middle;margin-top:3px;}
.accordion2-header-icon.accordion2-header-icon-active{background:url(//imgcdn.hanafax.com/_www/mms/main/menu_ico03.png) no-repeat right center;vertical-align:middle;margin-top:2px;}


/* 서비스 안내 */
.service_guide {font-size:12px;color:#666;font-family:notokr-regular,나눔고딕,'Nanum Gothic','맑은 고딕',Helvetica,HelveticaNeue,DroidSans,Sans-serif;}
.titletext {font-size:15px;color:#3189db;font-family:notokr-medium,나눔고딕,'Nanum Gothic','맑은 고딕',Helvetica,Sans-serif; padding-bottom:8px;}
#guidebox ul li {font-size:13px; color:#4d4d4d; background:url(//imgcdn.hanafax.com/_www/mms/main/dot5.png) no-repeat left 9px; padding-left:12px; line-height:22px;}
#guidebox ul li span {color:#ff0000;}
.borbot-1 {border-bottom:1px solid #d3d3d3 !important;}


/* MMS 편집기 */
#wrap_mmseditor {width:1100px;height:700px;background:#e6e6e6;}
.edit_canvas {
	float:left;
	display:inline;
	width:515px;
	height:585px;
	margin:20px 30px 0px 20px;
}
.editimgbox {
	float:left;
	position:relative;
	width:360px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}
.edit_category_list {
	float:left;
	display:inline;
	width:340px;
	height:585px;
	margin:20px 20px 0px 0px;
	display: none;
}
.edit_menuarea {
	float:right;
	display:inline;
	width:138px;
	height:513px;
	margin:56px 20px 0px 0px;
	background:#afafaf;
	border-radius:10px;
	overflow-y:auto;
}
.canvasbox {
	position:relative;
	float:left;
	display:inline;
	width:378px;
	height:585px;
	margin-right:20px;
}
.canvasbox_data {
	float:left;
	width:378px;
	height:517px;
	margin-right:17px;
	background:url(//imgcdn.hanafax.com/_www/mms/main/mms_canvas_bg.png) no-repeat top left;
}
.canvasbox_data p {margin:32px 0px 0px 38px;}

.quickbg {
	position:absolute;
	width:378px;
	height:68px;
}
.quickm1 {position:absolute; width:189px; height:68px; top:517px; left:0px;}
.quickm2 {position:absolute; width:189px; height:68px; top:517px; left:189px;}

.middle_menu {float:right;width:116px;}
.maptab01 {position:relative;loat:left;width:116px; height:73px; top:0px; background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn01_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab01:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn01_on.png?v=1) no-repeat left top;}
.maptab02 {position:relative;loat:left;width:116px; height:73px; top:10px; background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn02_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab02:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn02_on.png?v=1) no-repeat left top;}
.maptab03 {position:relative;loat:left;width:116px; height:73px; top:21px; background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn03_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab03:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn03_on.png?v=1) no-repeat left top;}
.maptab04 {position:relative;loat:left;width:116px; height:73px; top:32px; background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn04_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab04:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn04_on.png?v=1) no-repeat left top;}
.maptab05 {position:relative;loat:left;width:116px; height:73px; top:42px; background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn05_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab05:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn05_on.png?v=1) no-repeat left top;}
.maptab06 {position:relative;loat:left;width:116px; height:73px; top:52px; background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn06_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab06:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn06_on.png?v=1) no-repeat left top;}
.maptab07 {position:relative;loat:left;width:116px; height:73px; top:63px; background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn07_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab07:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mmsedit_mbtn07_on.png?v=1) no-repeat left top;}

.maptab08 {position:relative;loat:left;width:193px; height:42px; background:url(//imgcdn.hanafax.com/_www/mms/main/mms_drawbtn01_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab08:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mms_drawbtn01_on.png?v=1) no-repeat left top;}
.maptab09 {position:relative;loat:left;width:193px; height:42px; background:url(//imgcdn.hanafax.com/_www/mms/main/mms_drawbtn02_off.png?v=1) no-repeat left top;display:inline-block;}	
.maptab09:hover {background:url(//imgcdn.hanafax.com/_www/mms/main/mms_drawbtn02_on.png?v=1) no-repeat left top;}

.edit_textstyle {font-size:15px;color:#3189db;font-family:notokr-medium,나눔고딕,'Nanum Gothic','맑은 고딕',Helvetica,Sans-serif; padding-bottom:8px;}

/* 타이틀영역 CSS */
.stitle_wrap {position:relative;min-width:750px;height:55px;background:url("https://imgcdn.hanafax.com/_www/hanafax/title/hafax_sub_title05.gif") repeat-x 0 0;}
.mms_topbtn {position:absolute;right:0px;top:14px;}
.mmsbtn_blue {text-indent:-9999em;background:url(//imgcdn.hanafax.com/_www/mms/main/mmstop_btn01_new.png) no-repeat left top;width:168px;height:26px;border:0;cursor:pointer;margin-left:2px;}
.mmsbtn_yellow {text-indent:-9999em;background:url(//imgcdn.hanafax.com/_www/mms/main/mmstop_btn02.png) no-repeat left top;width:185px;height:26px;border:0;cursor:pointer;margin-left:3px;}
.mmsbtn_puple {text-indent:-9999em;background:url(//imgcdn.hanafax.com/_www/mms/main/mmstop_btn03.png) no-repeat left top;width:147px;height:26px;border:0;cursor:pointer;}

/* form */
form {margin:0;}
fieldset {margin:0; padding:0; border:0 none;}
legend {display:none;}
input {vertical-align:middle;}


/* 폼관련 스타일*/
.phone_form {display:block;height:18px;margin-left:14px;padding:4px 12px;font-size:13px;background-color:#fff;background-image:none;
color:#696868;
border:1px solid #c0c0c0;
border-radius:0px;
box-shadow:none;
}
.phone_form2 {height:22px;margin-left:9px;color:#696868;font-size:13px;font-family:'notokr-regular','맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Verdana, AppleGothic, sans-serif;background-color:#ebebeb;background-image:none;border:1px solid #c0c0c0;box-shadow:none;text-align:center;vertical-align:middle;}
.phone_form3 {height:22px;margin-left:10px;color:#696868;font-size:13px;font-family:'notokr-regular','맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Verdana, AppleGothic, sans-serif;background-color:#ebebeb;background-image:none;border:1px solid #c0c0c0;box-shadow:none;padding-left:1px;vertical-align:middle;}

/* font 스타일 */
.t_blue {color:#165aad;font-size:14px;}
.t_money_red {color:#ff3842;font-size:15px;padding-left:5px;text-align:center;}

/* 마진 */
.mt-5 { margin-top:5px !important;}
.mt-7 { margin-top:7px !important;}
.mt-10 { margin-top:10px !important;}
.mt-14 { margin-top:14px !important;}
.mt-20 { margin-top:20px !important;}
.mr-12 { margin-right:12px !important;}
.mb-7 { margin-bottom:7px !important;}

/* padding */
.pdr-6 { padding-right:6px !important;}
.pdr-8 { padding-right:8px !important;}
.pdr-9 { padding-right:9px !important;}
.pdb-20 { padding-bottom:20px !important; }

/* width값 설정 */
.wp15 { width:15% !important;}
.wp23 { width:23% !important;}
.wp30 { width:30% !important;}
.wp33 { width:33% !important;}
.wp45 { width:45% !important;}
.wp48 { width:48% !important;}
.wp76 { width:76% !important;}
.wp99 { width:99% !important;}