/*본고딕*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll;font-size:10px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:"Noto Sans KR",sans-serif;font-size:12px;color:#6c6c6c}
body{background-color:#fff;text-align:center;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:middle;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#6c6c6c;text-decoration:none}
a:hover{color:#6c6c6c;text-decoration:none}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
input::-ms-clear{display:none}

#wrap {width:100%;height:auto;background:#ebebeb;overflow-x:hidden;}

#header {position:fixed;width:100%;height:53px;line-height:53px;background:#fff;z-index:9999999;}
#header .menu {float:left;width:86px;height:53px;text-align:center;}
#header .menu img {width:100%;max-width:24px;}

#header .logo {float:left;width:calc(100% - 166px);height:53px;text-align:center;}
#header .logo img {width:100%;max-width:36px;}

#header .phone {float:left;width:80px;height:53px;text-align:center;}
#header .phone img {width:100%;max-width:24px;}

#footer {width:100%;height:550px;background:#575757;padding:22px 12px 0 12px;box-sizing:border-box;}
#footer .footer_title {width:100%;height:21px;text-align:left;font-size:0.8em;color:#fff;border-bottom:1px solid #dbdbdb;}
#footer .input_wrap {margin-top:11px;width:100%;height:30px;}
#footer .input_wrap .input_01 {float:left;width:49%;height:30px;border:1px solid #888888;background:#888888;padding-left:11px;color:#dbdbdb;font-size:0.8em;border-radius:none;box-sizing:border-box;}
#footer .input_wrap .input_02 {float:right;width:49%;height:30px;border:1px solid #888888;background:#888888;padding-left:11px;color:#dbdbdb;font-size:0.8em;border-radius:none;box-sizing:border-box;}
#footer .textarea_wrap {margin-top:6px;width:100%;height:88px;}
#footer .textarea_wrap textarea {width:100%;height:88px;border:1px solid #888888;background:#888888;padding:11px;color:#dbdbdb;font-size:0.8em;box-sizing:border-box;}
#footer .agree_wrap {width:100%;height:35px;line-height:35px;background:#575757;text-align:left;font-size:0.7em;color:#dbdbdb;}
#footer .agree_wrap span {padding-left:8px;}
#footer .agree_wrap div {float:right;color:#888888;}
#footer .agree_wrap div a {color:#888888;}
#footer .btn_area {width:100%;height:24px;}
#footer .btn_area button {width:100%;height:24px;border:1px solid #9ad2cc;background:#9ad2cc;color:#fff;font-size:0.8em;text-align:center;}
#footer .blank {width:100%;height:20px;background:#575757;border-bottom:1px solid #dbdbdb;}
#footer .customer_center {margin-top:8px;width:100%;height:25px;text-align:left;}
#footer .customer_center .text {font-size:0.8em;color:#fff;}
#footer .customer_center .tel {margin-left:12px;font-size:1.1em;color:#fff;}
#footer .customer_center .tel a {color:#fff;}
#footer .social {margin-top:10px;width:100%;height:23px;text-align:left}
#footer .social .link {float:left;width:92px;height:23px;box-sizing:border-box;}
#footer .social .link img {width:23px;height:23px;}
#footer .social .link img:nth-child(1),
#footer .social .link img:nth-child(2) {margin-right:5px;}
#footer .social .kakaotalk_find {float:left;margin-top:2px;width:calc(100% - 92px);height:18px;line-height:18px;background:#ffe50d;color:#000;font-size:0.8em;font-weight:bold;text-align:center;}
#footer .social .kakaotalk_find a {color:#000;display:block;}
#footer .blank_02 {width:100%;height:17px;background:#575757;border-bottom:1px solid #bcbcbc;}
#footer .f_text_01 {margin-top:11px;width:100%;height:10px;line-height:10px;color:#fff;font-size:0.7em;text-align:left;}
#footer .f_text_01 span {margin:0 8px;}
#footer .f_text_01 a {color:#fff;}
#footer .f_text_02 {margin-top:7px;width:100%;height:24px;line-height:150%;color:#202020;font-size:0.7em;text-align:left;}
#footer .f_text_02 span {margin:0 8px;}
#footer .f_text_02 span a {color:#202020;}
#footer .f_text_03 {margin-top:8px;width:100%;height:10px;line-height:10px;color:#fff;font-size:0.7em;text-align:left;}
#footer .f_text_04 {margin-top:8px;width:100%;height:24px;line-height:150%;color:#202020;font-size:0.7em;text-align:left;}
#footer .f_text_04 a {color:#202020;}

#mobile_floating {position:fixed;bottom:0px;width:100%;height:58px;background:#d7d7d7;z-index:9999;}
#mobile_floating li {float:left;width:33.3333%;height:58px;line-height:58px;font-size:0.8em;color:#20201e;}
#mobile_floating li:nth-child(2) {background:#9bd2cd;}
#mobile_floating a {color:#20201e;display:block;}

#m_menu {position:fixed;top:0;left:0;width:80%;height:800px;background:#fffefe;display:none;z-index:1000;}
#m_menu #m_menu_header {width:100%;height:120px;line-height:120px;}

.myarea {display:none;position:fixed;top:0;left:0;width:305px;height:auto;background:#fff;z-index:999999999;box-shadow:2px 0 8px rgba(0,0,0,.7);overflow-y:auto;overflow-x:hidden;}
.myarea li.logo {width:100%;height:70px;line-height:70px;border-bottom:1px solid #ebebeb;}
.myarea li.logo img {width:100%;max-width:36px;}
.myarea li.link {width:100%;height:53px;line-height:53px;background:#ebebeb;text-align:center;}
.myarea li.link div {float:left;width:75px;height:53px;text-align:center;}
.myarea li.link div:last-child {float:left;width:80px;height:53px;text-align:center;}
.myarea li.menu {width:100%;height:53px;line-height:53px;border-bottom:2px solid #ebebeb;background:#fffefe;text-align:center;color:#202020;font-size:1em;box-sizing:border-box;}
.myarea li.menu div {float:right;width:111px;text-align:center;}
.myarea li.menu a {display:block;color:#202020;}
.myarea li.menu .left {float:left;width:calc(100% - 111px);text-align:center;}
.myarea li.menu .left a {display:block;color:#202020;}
.myarea li.menu .right {float:left;width:111px;text-align:center;}
.myarea li.menu .right a {display:block;}
.myarea li.sub_menu {width:100%;height:39px;line-height:39px;background:#ebebeb;text-align:center;color:#202020;font-size:1em;}
.myarea #m_sub_01,
.myarea #m_sub_02,
.myarea #m_sub_03,
.myarea #m_sub_03_1,
.myarea #m_sub_04 {display:none;}

.myarea #m_sub_01 a,
.myarea #m_sub_02 a,
.myarea #m_sub_03 a,
.myarea #m_sub_03_1 a,
.myarea #m_sub_04 a {display:block;color:#202020;}

.myarea a.mybtnCls {position:absolute;top:10px;left:310px;width:30px;height:30px;display:block;color:#000;font-size:20px;}

#dmm {position:absolute;top:0;left:0;width:100%;height:2000px;display:none;opacity:1;background-color:rgba(0,0,0,0.5);z-index:999;}