@charset "utf-8";
/*
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
*/
@import url(../../font/NanumGothic/font.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;
/* -webkit-text-size-adjust:none; text-size-adjust:none; */ word-wrap: break-word; word-break: keep-all;}
h1, h2, h3, h4, h5, dl, dt, dd, ul, li, ol, th, td, p, blockquote, strong, span, form, fieldset, legend, div, body, a {-webkit-print-color-adjust:exact;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; /* *display:inline; *zoom:1; */}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
label, input, button, a, span {line-height:1.6;}
body, button {font-size:0.938em; line-height:1.6; font-family:"Nanum Gothic", "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#2c2c2c;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover {text-decoration:none; color:#333;}
/*a:focus, button:focus {outline:thin dotted;}*/
a:active, a:hover, button:active, button:hover {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
label, select, input, button {vertical-align:middle;}
button {border:0; cursor:pointer;}
button, input, select, textarea {margin:0; font-size:100%; vertical-align:baseline; /* *vertical-align:middle; */}
button, input {/* *overflow:visible; */ line-height:normal;}
button, select {text-transform:none;}
button[disabled], html input[disabled ]{cursor:default;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {/* *overflow:visible; */ cursor:pointer; -webkit-appearance:button; border-radius:0;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"], input[type="text"] {ime-mode:active; border-radius:0; -webkit-appearance: none;}
select {margin:0; padding:0; border:1px solid #c9c9c9; box-sizing:border-box; line-height:1; border-radius:0;}
img {/*max-width:100%;*/ border:0; vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
html, body {width:100%; height:100%;}
p {margin:0 0 10px 0;}
/*
html {overflow:hidden;}
body {position:relative; overflow-y:scroll;}
* { -webkit-text-size-adjust:none; text-size-adjust:none; word-wrap: break-word; word-break: keep-all; }
*/

/* Skip Navigation */
#skipToContent {position:relative; overflow:hidden; width:100% ;margin:0 auto; z-index:100;}
#skipToContent a {display:block; height:1px; margin-top:-2px; overflow:hidden; text-align:center; font-size:0; line-height:0; background:#2f2f2f;}
#skipToContent a:active ,#skipToContent a:focus {height:auto; padding:7px 0; font-size:0; font-size:1em; line-height:1; font-weight:bold; color:#fff; z-index:999;}


/* link style */
a:link, a:visited {color:#383838;} 
a:hover, a:active {color:#000; text-decoration:underline;}
/* a[target="_blank"] {padding-right:15px; background:url(../Img/common/blank_ico.svg) no-repeat right 8px; background:url(../Img/common/blank_ico.gif)/9 no-repeat right 8px;} */
a[target="_blank"] {padding-right:15px; background:url(../Img/common/blank_ico.gif) no-repeat right 8px;}
 

/* color style */
.color_rd {color:#f90000 !important;}
.color_bl {color:#0065b3 !important;}


/* table */
table {width:100%; height:auto; table-layout:fixed; border-collapse:collapse; padding:0; margin:0;}
/*
table button, table input {*overflow:auto;}
*/
.scroll_box_hor {width:100%; overflow:hidden;}
.scroll_box_hor table {width:100%; max-width:1137px;}
@media all and (max-width:680px){
.scroll_box_hor table {max-width:700px;}	
}

.basic_table {border-top:1px solid #848484;}
.basic_table thead th {border-left:1px solid #eaeaea; border-bottom:1px solid #d7d7d7; text-align:center; color:#444; padding:8px 10px;}
.basic_table th, .basic_table td {border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; /*background:#fff;*/ padding:8px 10px; text-align:center; word-break:break-all;}
.basic_table .al_left {text-align:left; padding-left:15px;}
.basic_table .t_end {border-left:0;}
.basic_table .th_top {border-top:2px solid #5e5e5e; border-bottom:1px solid #adadad;}
.basic_table .td_top {border-top:2px solid #5e5e5e;}


/* heading style */
h1, h2, h3, h4, h5, h6 {font-weight:600;}
h4 {color:#383838; font-size:1.571em; line-height:1.286em; margin:0 0 15px 0;}
h4 span {font-size:0.762em; font-weight:normal; margin-left:5px;}
h5 {color:#444; font-size:1.429em; line-height:1.333em; margin:0 0 15px 0; background:url(/images/kor/common/h5_bul.gif) no-repeat left 8px; padding:0 0 0 12px;}
/*h5 {color:#444; font-size:1.250em; line-height:1.333em; margin:0 0 15px 0;}*/
h6 {color:#444; font-size:1.071em; line-height:1.250em; margin:0 0 10px 0;}


/* list style */
.list_type1 {width:auto;}
.list_type1 li {padding:0 0 0 10px; margin:0 0 5px 0; background:url(/images/kor/common/list_type1_bul.gif) no-repeat left 10px;}
.list_type2 {width:auto;}
.list_type2 li {padding:0 0 0 15px; margin:0 0 5px 0; background:url(/images/kor/common/list_type2_bul.gif) no-repeat left 12px;}
.no_bul li {background:none; padding:0;}
.list_al {overflow:hidden;}
.list_al:after {content:""; display:block; clear:both;}
.list_al li {float:left; width:27%; margin-right:3%;}
.list_al li:first-child {margin-top:5px;}

.list_type3 {width:auto;}
.list_type3 li {margin:0 0 15px 0; font-size:1.133em; font-weight:600; color:#2e56a7;}
.list_type3 li p {font-size:0.882em; color:#383838; font-weight:normal; margin-top:3px;}
.list_type4 {width:auto;}
.list_type4 li {margin:0 0 10px 0;}

.img {width:100%; text-align:center; margin-bottom:15px;}
.img img {display:inline-block; vertical-align:top; margin:20px 5px 0 5px; width:auto; max-width:90%;}
.float_img_l {width:100%; height:auto;}
.float_img_l:after {content:""; display:block; clear:both;}
.float_img_l span {display:inline-block; vertical-align:top; float:left; margin:0 20px 0 0; padding-top:0 !important;}
.float_img_l span img {display:block; margin-bottom:10px; width:100%;}
.float_img_r {width:100%; height:auto;}
.float_img_r:after {content:""; display:block; clear:both;}
.float_img_r span {display:inline-block; vertical-align:top; float:right; margin:0 0 0 20px; padding-top:0 !important;}
.float_img_r span img {display:block; margin-bottom:10px; width:100%;}
.float_img2 {width:100%; height:auto;}
.float_img2 li {margin-top:15px;}
.float_img2 li:first-child {margin-top:0;}
.float_img2 li:after {content:""; display:block; clear:both;}
.float_img2 li img {display:inline-block; vertical-align:top; float:left; margin:0 20px 10px 0;}

@media all and (max-width:840px){
.float_img_l span {max-width:40%;}
.float_img_r span {max-width:40%;}
.float_img2 li img {max-width:40%;}	
}

@media all and (max-width:480px){
.float_img_l span {max-width:100%; float:none; display:block !important; margin:0;}	
.float_img_l span img {margin:0 auto 10px auto; width:auto; max-width:90%;}
.float_img_r span {max-width:100%; float:none; display:block !important; margin:0;}	
.float_img_r span img {margin:0 auto 10px auto; width:auto; max-width:90%;}
.float_img2 li img {max-width:90%; float:none; display:block; margin:25px auto 10px auto;}	
}


.list_type3 {width:auto;}
.list_type3 li {margin:0 0 15px 0; font-size:1.133em; font-weight:600; color:#2e56a7;}
.list_type3 li p {font-size:0.882em; color:#383838; font-weight:normal; margin-top:3px;}
.list_type4 {width:auto;}
.list_type4 li {margin:0 0 10px 0;}

.img {width:100%; text-align:center; margin-bottom:15px;}
.img img {display:inline-block; vertical-align:top; margin:20px 5px 0 5px; width:auto; max-width:90%;}
.float_img_l {width:100%; height:auto;}
.float_img_l:after {content:""; display:block; clear:both;}
.float_img_l span {display:inline-block; vertical-align:top; float:left; margin:0 20px 0 0; padding-top:0 !important;}
.float_img_l span img {display:block; margin-bottom:10px; width:100%;}
.float_img_r {width:100%; height:auto;}
.float_img_r:after {content:""; display:block; clear:both;}
.float_img_r span {display:inline-block; vertical-align:top; float:right; margin:0 0 0 20px; padding-top:0 !important;}
.float_img_r span img {display:block; margin-bottom:10px; width:100%;}
.float_img2 {width:100%; height:auto;}
.float_img2 li {margin-top:15px;}
.float_img2 li:first-child {margin-top:0;}
.float_img2 li:after {content:""; display:block; clear:both;}
.float_img2 li img {display:inline-block; vertical-align:top; float:left; margin:0 20px 10px 0;}

@media all and (max-width:840px){
.float_img_l span {max-width:40%;}
.float_img_r span {max-width:40%;}
.float_img2 li img {max-width:40%;}	
}

@media all and (max-width:480px){
.float_img_l span {max-width:100%; float:none; display:block !important; margin:0;}	
.float_img_l span img {margin:0 auto 10px auto; width:auto; max-width:90%;}
.float_img_r span {max-width:100%; float:none; display:block !important; margin:0;}	
.float_img_r span img {margin:0 auto 10px auto; width:auto; max-width:90%;}
.float_img2 li img {max-width:90%; float:none; display:block; margin:25px auto 10px auto;}	
}



/* button style */
a.type1 {background:#ed1651;}
a.type1:hover, a.type1:active, a.type1:focus {background:#c01242;}
a.type2 {background:#2d3b4f;}
a.type2:hover, a.type2:active, a.type2:focus {background:#1f2a3b;}
.link_btn {width:auto;}
.link_btn a {padding:8px 30px 8px 30px; color:#fff; display:inline-block; vertical-align:top;}
.link_btn a span {background:url(/images/kor/common/link_btn_ico.png) no-repeat right top; display:inline-block; color:#fff; vertical-align:top; padding:0 25px 0 0;}


/* tip style */
.tip {min-height:21px; background:url(/images/kor/common/tip_ico.png) no-repeat left 1px; padding:0 0 0 28px; margin:0;}


/* guide style */
.dot_line_hor {background:url(../Img/common/dot_linebg_hor.gif) repeat-x left bottom; padding:0 0 30px 0;}
.mail {text-decoration:underline !important; display:inline-block; vertical-align:top; height:26px; background:url(../Img/common/mail_ico.png) no-repeat right top; padding:0 32px 0 0;}
.mail:hover, .mail:active, .mail:focus {color:#a52d69;}

/* form,  input set */
form label, form input, form select, form span, form img, form em, form a{display:inline-block;margin-top:0;vertical-align:middle}
input, textarea, select{font-size:1em;font-family:Nanum Gothic;vertical-align:baseline;vertical-align:middle}
input[type="checkbox"], input[type="radio"]{margin:0;padding:0;width:14px;height:14px; cursor:pointer;}
input[type="checkbox"]+label, input[type="radio"]+label{margin:0 10px 0 3px;vertical-align:middle;cursor:pointer}
input[type="text"], input[type="password"], input[type="file"], input[type="search"] {width:auto;height:18px;padding:4px 5px;margin:0;border:1px solid #cccccc;}
input[type="file"]{height:26px; line-height:26px; padding:0 5px; border:1px solid #cccccc; cursor:pointer;}
:root input[type="file"]{padding:0 5px 0 0; border:0;}
input[readonly="readonly"], input[readonly], input[disabled="disabled"], input[disabled]{border:1px solid #adadad;background:#f3f3f3;color:#928881}
input[type="button"], input[type="reset"], input[type="submit"]{min-width:20px;width:auto;height:34px;padding:4px 16px;margin:0;border:1px solid #575757;background:#575757;font-weight:400;font-size:0.9em;line-height:1em;color:#fff}
textarea{overflow:auto;padding:0;border:1px solid #adadad;vertical-align:top; -webkit-appearance: none; border-radius:0; resize:none;}
select{height:28px; padding:3px; margin:0; border:1px solid #cccccc; cursor:pointer;}
/* label {width:0; height:0; line-height:0; font-size:0px; float:left; position:absolute; visibility:hidden; overflow:hidden;} */
::-webkit-input-placeholder {color:#8a8a8a;}
:-moz-placeholder {color:#8a8a8a;}
::-moz-placeholder {color:#8a8a8a;}
:-ms-input-placeholder {color:#8a8a8a;}


/* hide style */
.hidden, legend{line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
caption{overflow:hidden; position:relative; line-height:1px; font-size:1px; text-indent:-30000px;}


/* align style */
.clear {clear:both;}
.clearfix {clear:both; display:block; height:0;}
.clearfix:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
.fl_left {float:left !important;}
.fl_right {float:right !important;}
.al_left {text-align:left !important; position:relative;}
.al_right {text-align:right !important; position:relative;}
.al_center {text-align:center !important; position:relative;}
.ver_top {vertical-align:middle !important;}
.ver_middle {vertical-align:middle !important;}
.ver_top {vertical-align:top !important;}
.ver_bottom {vertical-align:bottom !important;}


/* no style */
.none {display:none !important;}
.mar_no {margin:0 !important;}
.padd_no {padding:0 !important;}
.bold_no {font-weight:normal !important;}
.bg_no {background:none !important;}


/* margin */
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}
.mt_40 {margin-top:40px !important;}
.mt_45 {margin-top:45px !important;}
.mt_50 {margin-top:50px !important;}
.mt_55 {margin-top:55px !important;}
.mt_60 {margin-top:60px !important;}

.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_35 {margin-right:35px !important;}
.mr_40 {margin-right:40px !important;}
.mr_45 {margin-right:45px !important;}
.mr_50 {margin-right:50px !important;}
.mr_55 {margin-right:55px !important;}
.mr_60 {margin-right:60px !important;}

.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}

.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_35 {margin-left:35px !important;}
.ml_40 {margin-left:40px !important;}
.ml_45 {margin-left:45px !important;}
.ml_50 {margin-left:50px !important;}
.ml_55 {margin-left:55px !important;}
.ml_60 {margin-left:60px !important;}


/* padding */
.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_35 {padding-top:35px !important;}
.pt_40 {padding-top:40px !important;}
.pt_45 {padding-top:45px !important;}
.pt_50 {padding-top:50px !important;}
.pt_55 {padding-top:55px !important;}
.pt_60 {padding-top:60px !important;}

.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_35 {padding-right:35px !important;}
.pr_40 {padding-right:40px !important;}
.pr_45 {padding-right:45px !important;}
.pr_50 {padding-right:50px !important;}
.pr_55 {padding-right:55px !important;}
.pr_60 {padding-right:60px !important;}

.pb_0 {padding-bottom:0px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_35 {padding-bottom:35px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_45 {padding-bottom:45px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_55 {padding-bottom:55px !important;}
.pb_60 {padding-bottom:60px !important;}

.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_35 {padding-left:35px !important;}
.pl_40 {padding-left:40px !important;}
.pl_45 {padding-left:45px !important;}
.pl_50 {padding-left:50px !important;}
.pl_55 {padding-left:55px !important;}
.pl_60 {padding-left:60px !important;}



@media only screen and (min-width: 300px) {
* {max-height:100000px; }
}