@charset "euc-kr"; /* gawemaster mobile css */

/* css¸®¼Â */
html,body{margin:0;padding:0;width:100%;height:100%}
body{line-height:1.25rem;background:#fff;color:#767676;letter-spacing:-1px;-webkit-tap-highlight-color:rgba(0,0,0 0.6);/**ÅÇ, ¸µÅ©µÉ¶§ »ö»ó ¸®¼Â*/-webkit-tap-highlight:rgba(0,0,0,0.6);-webkit-text-size-adjust:none;/* ¸ð¹ÙÀÏÆùƮũ±âÈ®´ë±ÝÁö */}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;/**ÆùÆ®100%*/vertical-align:middle}

h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
ul,ol,li{list-style:none outside none}
hr {display:none}
table{border-collapse:collapse}
legend,caption {display:none;clear:both}
textarea, input, select {outline-color:-moz-use-text-color!important;outline-style:none!important;outline-width:medium!important;-webkit-appearance:none!important;-moz-appearance:none!important/*±â±âº°½ºÅ¸Àϸ®¼Â*/}
textarea {resize:none;/**ÅؽºÆ®¾Æ·¹¾Æ »çÀÌÁî º¯°æÅ©±â ±ÝÁö*/}
img,fieldset{border:0}
label,button{cursor:pointer}
em,i,address {font-style:normal;font-weight:normal}
a {color:#555;text-decoration:none}
a:link,a:visited{color:#555;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}

article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, main, nav, section, summary {display:block}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {display:inline}
.hand{cursor:pointer}

/*½ºÅµ³×ºñ°ÔÀ̼Ç*/
#accessibility {position:absolute;top:0;width:0;height:0;overflow:hidden;line-height:0;left:-1000%}

/*°øÅë*/
#wrap {width:100%;min-height:100%;font-family:HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','¸¼Àº °íµñ',sans-serif-Light;letter-spacing:-1px;color:#555}
#footer .bt_wrap:after {height:0;clear:both;display:block;visibility:hidden;content:""}

/*üũ¹Ú½º&¶óµð¿À ½ºÅ¸ÀÏ&ÀÎDzƮ½ºÅ¸ÀÏ
input[type='checkbox'] {-webkit-border-radius:4px}
input[type='checkbox'], input[type='radio'] {background:#fff;border:1px solid #b8b8b8;height:14px;width:14px;vertical-align:middle}
input[type='checkbox']:checked, input[type='radio']:checked {background:#fff;border:1px solid  #d13636}
input[type='checkbox']:checked:after {content:"";display:block;background:#e56d6d;position:relative;top:2px;left:2px;-webkit-border-radius:2px;width:8px;height:8px}
input[type='radio']:checked:after {content:"";display:block;background:#e56d6d;position:relative;top:3px;left:3px;-webkit-border-radius:8px;width:6px;height:6px}
input[type='text'], input[type='password'], input[type='tel'], input[type='search'] {border:1px solid #cacaca;border-radius:3px;font-size:0.9em;letter-spacing:-1px}*/

/*ž¸Þ´º*/
#top_nav ul {width:100%;display:table}
#top_nav ul li {border-left:1px solid #f6f0ec;display:table-cell;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;line-height:1.125rem;padding:0;margin:0; height:100%}
#top_nav ul li:first-child {border-left:none;width:11%; height:11%;background-color:#3a3f49; text-align:center}
#top_nav ul li:first-child a {background-color:#3a3f49}
#top_nav ul li img {width:100%}
#top_nav ul li a {display:block;width:100%;background-color:#fff;color:#000;text-align:center;font-size:0.9375rem;padding:0;margin:0}
#top_nav ul li.over a {color:#000;font-weight:800;display:block;height:100%}
#top_nav ul li.over {border-bottom:2px solid #e6408a}

/*º»¹®*/
#container {width:100%}
#container img {width:100%}
#container h2 img,
#container .all_go img {width:100%;max-width:1280px}

/*¸ÞÀÎQnA¸®½ºÆ®*/
#container .wrap_case h3 {font-size:0.9375rem;color:#222;padding:3% 3.5%;border-bottom:1px solid #e5e7ea;position:relative;margin-top:-1%}
#container .wrap_case h3 a {border:1px solid #e47959;color:#e47959;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;font-size:0.75rem;padding:0.5% 1.5%;position:absolute;right:3.5%;top:0;margin-top:2.2%}
#container .wrap_case ul {border-top:1px solid #f6f7f8}
#container .qna_box a {display:table;width:100%}
#container .qna_box em {color:#fff;display:table-cell;text-align:center;font-size:0.6875rem;font-weight:bold;width:10%;vertical-align:middle}
#container .qna_box {border-bottom:1px solid #efefef;font-size:0.875rem}
#container .qna_box dl dd {background-color:#fafafa}
#container .qna_box .ico {display:block;line-height:1.313rem;color:#e64b40;font-size:1.125rem;font-family:roboto-Light,'Open Sans'; font-weight:normal}

#container .qna_box .sub {display:table-cell;width:80%;padding:1% 0}
#container .qna_box .wrap_box {display:block;color:#949494;font-family:roboto,'Open Sans';font-size:0.75rem}
#container .qna_box .wrap_box span {border-right:1px solid #ebebeb;padding:0 1%}
#container .qna_box .wrap_box span:first-child {padding-left:0}
#container .qna_box .wrap_box span:last-child {border-right:none}
#container .qna_box .wrap_box .reply {color:#44546d}
#container .btn_area {padding:4% 3.5%}
#container .btn_area a {display:block;border:1px solid #004a80;background-color:#004a80;color:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;;-moz-box-shadow:0 2px 0 0 rgba(0, 41, 70, 1);-webkit-box-shadow:0 2px 0 0 rgba(0, 41, 70, 1);box-shadow:0 2px 0 0 rgba(0, 41, 70, 1);padding:2% 0;text-align:center}
#container span.btn_plus {display:table-cell;border-left:1px solid #e4e6ea;padding:2%;width:7%;text-align:center; vertical-align:middle}
#container span.btn_plus img {width:70%;margin-top:1%; max-width:30px}

/* ÆäÀÌ¡ */
#container .paginate{padding:2% 0;text-align:center;line-height:normal}
#container .paginate *{display:inline-block;position:relative;padding:1% 1.5%;font-family:roboto,'Open Sans';font-size:1rem;color:#a3a3a3;line-height:normal;text-decoration:none;vertical-align:middle}
#container .paginate strong{color:#f3724c}
#container .paginate .direction{margin:0 1%;padding:0 3%;width:2.8%;font-weight:bold;font-size:1rem;color:#666;text-align:center;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;max-height:48px}
#container .paginate .direction span{overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
#container .paginate .direction img {vertical-align:middle;width:70%;margin-top:-1px}

/*ÀúÀÛ±Ç*/
#footer {background-color:#f4f4f4;padding:3% 2% 5%;text-align:center;position:relative;line-height:1.125rem;border-top:1px solid #d9d9d9}
#footer span.bar {padding-right:5px;background:url(/join_site/muffin/mobile/img/line2.png) no-repeat right center;text-indent:-10000px}
#footer address {font-size:0.75rem;color:#939393;padding-top:3%}
#footer address strong {color:#5e5d5d}
#footer .bt_wrap {*zoom:1;width:75%;margin:0 auto}
#footer .bt_wrap a {padding:1% 0% 0;width:33.3%;font-size:0.75rem;display:block;float:left}
/*#footer .bt_wrap a {padding:1% 0%;width:33.3%;border:1px solid;border-color:#bebebe #dfdfdf #dfdfdf #bebebe;background-color:#fff;font-size:0.8em;display:block;float:left;box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box}*/

/*Æ˾÷*/
#share_popup {width:100%;min-height:100%;position:fixed!important;top:0!important;bottom:0!important;left:0!important;right:0!important;z-index:20000!important;background-color:rgba(0,0,0,0.5)!important;color:#fff}
#share_popup img {width:100%}
#share_popup a {color:#fff}
#share_popup .share_wrap {width:90%;margin:10% auto;background-color:#34495e;border:1px solid #34495e;border-radius:15px;position:relative}
#share_popup .share_wrap h3 {text-align:center;padding:5%;position:relative;font-size:1.125rem; font-weight:bold}
#share_popup .share_wrap h3 a {position:absolute;right:5%;display:block;width:7%;top:0;padding-top:5%}
#share_popup .btn_area ul {display:table;table-layout:fixed;padding:0 5% 5%}
#share_popup .btn_area ul li {width:33.3%;display:table-cell;vertical-align:middle;text-align:center;font-size:0.9375rem}
#share_popup .btn_area img {width:100%;max-width:290px;margin-bottom:-10px}
#share_popup .link_area {background-color:#2ecc71;border:1px solid #2ecc71;text-align:center;padding:7% 0;border-radius:0 0 15px 15px}
#share_popup .link_area * {font-size:0.875rem;border-radius:10px;border:1px solid #fff;padding:2%;margin:0 1%;display:inline-block}
#share_popup .link_area a:first-child {background-color:#2ecc71;color:#fff;width:52%}
#share_popup .link_area a {background-color:#fff;color:#ea5023; width:19.7%}
#share_popup .link_area em { border:none;}

/* ½Ã´Ï¾îÁ¶¼± ¿¹Àü¹öÀü Çì´õ */
#insu_header .toparea {position:relative;height:50px;background:#fff;border-bottom:1px solid #299de8;text-align:left}
#insu_header .toparea h1{display:inline-block}
#insu_header .toparea h1 span {display:inline-block;padding:10px}
#insu_header .toparea h1 img{width:124px;height:26px;margin:12px 0 0 10px}
#insu_header .toparea .btn_right_reveal{position:absolute;right:0;top:0;width:85px;height:50px}
#insu_header .toparea .btn_right_reveal img{width:70px;height:23px;margin-top:15px}

/* ½Ã´Ï¾îÁ¶¼± ¿¹Àü¹öÀü ¸Þ´º */
#insu_header .cate{position:relative;min-height:42px;background-color:#5bbaf7}
#insu_header .cate:after{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#299de8;content:''}
#insu_header .cate ul{display:table;width:100%;height:42px}
#insu_header .cate ul li{display:table-cell;white-space:nowrap;text-align:center}
#insu_header .cate ul li a{display:block;width:100%;position:relative;height:42px;color:#d1e9f8;font-family:'Helvetica Neue Condensed',Helvetica;font-size:15px;font-weight:bold;line-height:42px}
#insu_header .cate ul li.on a{height:39px;border-bottom:4px solid #005bba;background-color:#005bba;color:#fff}

/* ½Ã´Ï¾îÁ¶¼± ¿¹Àü¹öÀü ǪÅÍ */
#insu_footer .footer {padding:9px 0;border-top:1px solid #4e4e4e;background-color:#888;font-size:12px;text-align:center}
#insu_footer .fot_a {display:inline-block;margin:0 2px;padding:0 7px;border:1px solid #555;border-radius:3px;background:#666;line-height:25px;color:#c3c3c3 !important;font-family:'helvetica',sans-serif}
#insu_footer .copyr {margin:5px 0 0}
#insu_footer .fot_copy {font-size:12px;color:#c3c3c3 !important}

/* ºäÆ÷Æ® ³Êºñ°¡ 600px ÀÌ»ó ½ÇÇà Gpad¹× ¾ÆÀÌÆеå ȣȯ*/
@media all and (min-width:600px) {
/*»ó´Ü ·Î°í ¹× ¹öÆ°*/	
#header .btn_counsel {margin-top:3.5%} 
#header .btn_counsel button,
#container .wrap_case h3 a,
#container .qna_box dl dt,
#container .qna_box dl dd {font-size:0.9375rem}
#top_nav ul li a,
#container .wrap_case h3 {font-size:1rem}
#container .wrap_case .ico_circle {font-size:0.8125rem}
/* ÆäÀÌ¡ */
.paginate{padding:2.5% 0}
.paginate .direction {padding:1% 3%}
.paginate .direction img {width:70%}
}