@charset "euc-kr";

html { .overflow:scroll; .overflow-x:auto; }
html,body { margin:0; padding:0; color:#111; }
body { color:#111; font-size:12px; font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif; -webkit-text-size-adjust:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
strong { font-weight:bold; }
button { margin:0; padding:0; border:none; cursor:pointer; font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif; }
li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif;}
q:before,q:after{ content:''; }
abbr,acronym { border:0; font-variant:normal; }
hr { display:none; }

/* to preserve line-height and selector appearance */
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }

input[type="button"],input[type="text"],input[type="image"] {-webkit-appearance:none;-webkit-border-radius:0;}
input[type="radio"]{ background-color:#fff; width:18px; height:18px; }
input[type="checkbox"]{ background-color:#fff; width:16px; height:16px; }
input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox; }
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; }
textarea,input { outline-color:-moz-use-text-color; outline-style:none; outline-width:medium; }
textarea { resize:none; }


/* to enable resizing for IE */
input,textarea,select{ *font-size:100%; }

/* because legend doesn't inherit in IE */
label { cursor:pointer; }
a, a:link { color:#111; text-decoration:none; font-family:"Malgun Gothic",µ¸¿ò,Dotum,±¼¸²,Gulim,Apple-Gothic,DroidSansFallback,sans-serif; }
a:visited { color:#111; }
a:hover, a:active { color:#111; text-decoration:none; }


/* font & color */
.ft10{font-size:10px}
.ft11{font-size:11px; letter-spacing:0em;}
.ft12{font-size:12px; letter-spacing:0em;}

.f-red{color:#e83d3d}
.f-blue{color:#007dc4}
.f-gray{color:#444444}


/* margin & padding */
.mgt3{margin-top:3px}
.mgt5{margin-top:5px}
.mgt10{margin-top:10px}
.mgt20{margin-top:20px}

.mgr10{margin-right:10px}

.mgl5{margin-left::5px}
.mgl10{margin-left::10px}

.mgb2{margin-bottom:2px}
.mgb5{margin-bottom:5px}
.mgb15{margin-bottom:15px}
.mgb25{margin-bottom:25px}

.pdt5{padding-top:5px}

.pdl5{padding-left:5px}
.pdl10{padding-left:10px}
.pdl15{padding-left:15px}

/*footer */
#footer{text-align:center; padding-top:10px; background:#fafafa; border-top:1px solid #e0e4e7;}
#footer #footmenu{width:100%;overflow:hidden;text-align:center;}
#footer #footmenu ul { width:140px; margin:auto; }
#footer #footmenu li.home{ width:50%; float:left; background:url(../images/common/btn_home.png) no-repeat left top; width:68px; height:30px; text-indent:-3000em; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){#footer #footmenu li.home {background: url(../images/common/btn_home2.png) no-repeat left top;-webkit-background-size:68px 30px}}
#footer #footmenu li.top{ width:50%; float:right; background:url(../images/common/btn_top.png) no-repeat left top; width:68px; height:30px; text-indent:-3000em;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#footer #footmenu li.top {background: url(../images/common/btn_top2.png) no-repeat left top;-webkit-background-size:68px 30px}}
#footer #footmenu li a{display:block; width:64px; height:28px; overflow:hidden; }
#footer p {font-size:11px; color:#656666; margin: 0 auto ; text-align:center; }
#footer p.logo{ background:url(../images/common/logo.png) no-repeat left top; width:98px; height:14px; margin-top:12px; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){#footer p.logo {background: url(../images/common/logo2.png) no-repeat left top;-webkit-background-size:98px 14px;}}
#footer p.logo a{display:block; width:98px; height:14px; overflow:hidden; text-indent:-3000em;}
#footer p.txt {clear:both;margin-top:5px; padding-bottom:5px;line-height:14px; }
#footer p.copyright { background:url(../images/common/copyright_bg.gif) repeat-x left top;line-height:25px; font-size:10px;}
#footer p span.blue { color:#2e73a2; font-weight:bold; }

/* lc_title */
#title{ width:100%; overflow:hidden; position:relative; height:50px; background:url(../images/common/tit_bg_lc.png) repeat-x top; border-top:1px solid #e7d39c;}
#title img {vertical-align:middle;margin: 0 5px 3px 0; }
#title h2 {font-size:17px; color:#231208; padding-top:10px; margin-left:10px; letter-spacing:0em;}
#title h2 span.red {color:#ff3821;}
#title span.selection { position:absolute;right:10px; top:10px ;width:150px; height:56px; float:right; }
#title span.selection select { background-color:#f5f5f5; font-size:14px; border:1px solid #cbcbcb; padding:1px; color:#505050; }

/* rc_title */
#title_rc{ width:100%; overflow:hidden; position:relative; height:50px; background:url(../images/common/tit_bg_rc.png) repeat-x top; border-top:1px solid #c3dbec;}
#title_rc img {vertical-align:middle;margin: 0 5px 3px 0; }
#title_rc h2 {font-size:17px; color:#231208; padding-top:10px; margin-left:10px; letter-spacing:0em;}
#title_rc h2 span.red {color:#ff3821;}
#title_rc span.selection { position:absolute;right:10px; top:10px ;width:150px; height:56px; float:right;}
#title_rc span.selection select { background-color:#f5f5f5; font-size:14px; border:1px solid #cbcbcb; padding:1px; color:#505050; }

/* list */
#list { padding:0px; margin:0px; *zoom:1; }
#list:after {content:"";clear:both;display:block}
#list ul { padding: 0 0 0 0; }
#list ul li {float:left; height:60px; width:100%;padding:0px; margin:0px; background:url(../images/common/list_bg.png); }
#list ul li span { margin-top:13px;}
#list ul li span.text{ width:145px; float:left; letter-spacing:0em; font-size:13px; color:#3c3128; padding:5px 0px 0px 25px; font-weight:bold;}
#list ul li span.text span.red{ color:#e82731;}
#list ul li span.btn_listen{ float:left; background:url(../images/common/btn_listening.png) no-repeat; width:52px; height:30px; padding-right:12px; text-indent:-3000em; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){#list ul li span.btn_listen {background: url(../images/common/btn_listening2.png) no-repeat left top;-webkit-background-size:52px 30px}}
#list ul li span.btn_listen a { display:block; width:52px; height:30px; overflow:hidden; text-indent:-3000em;}
#list ul li span.btn_interpret{ float:left; background:url(../images/common/btn_interpret.png) no-repeat; width:52px; height:30px; text-indent:-3000em;}
@media screen and (-webkit-min-device-pixel-ratio:1.5){#list ul li span.btn_interpret {background: url(../images/common/btn_interpret2.png) no-repeat left top;-webkit-background-size:52px 30px}}
#list ul li span.btn_interpret a { display:block; width:52px; height:30px; overflow:hidden; text-indent:-3000em;}

/* tip */
#tip { padding:0px; margin:0px; *zoom:1; padding: 10px 0 10px 10px; }
#tip:after {content:"";clear:both;display:block}
#tip ul li.point {float:left ; width:12px}
#tip ul li.txt {float:left ; width:90%; letter-spacing:0em;}
#tip ul li.txt span.listen { color:#694fe6; font-weight:bold;}
#tip ul li.txt span.interpret { color:#eb3e15; font-weight:bold;}