/* 초기화 */
html {margin:0;padding:0;}
body {width:100%;height:100%;margin:0;padding:0;overflow-y:scroll}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:18px;font-family:'Nanum Gothic','돋움',dotum,sans-serif;color:#666} /* color값은 디자인가이드에 맞게사용 */
a {color:#666;text-decoration:none}
a:active, a:hover {text-decoration:underline}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;}
button {cursor:pointer}
textarea, select {}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
/** font **/
.arial { font-family:arial; }
.size10 { font-size:10px; }
.size11 { font-size:11px; }
.size12 { font-size:12px; }
.size14 { font-size:14px; }
.size16 { font-size:16px; }
.size18 { font-size:18px; }
.size24 { font-size:24px; }
.size40 { font-size:40px; }
.red { color:#f63941; }
.blue { color:#569ffd; }
.cyan { color:#00b2c0; }
.orange { color:#FF7700; }
.green { color:#7d9500; }
.black { color:#333; }
.white { color:#FFFFFF; }
.gray { color:#888; }
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.u_line { text-decoration:underline; }
.th_line { text-decoration:line-through; }
.clb { clear:both; }
.gap_s { letter-spacing:-1px; }
.gap_normal { letter-spacing:normal; }
.var { color:#ddd;font-size:11px; }
h1 {height:30px;margin:30px 10px 10px 10px;font-size:16px;font-weight:bold;color:#222}
h2 {height:20px;margin:30px 0 10px 0;font-size:14px;font-weight:bold;color:#222}
#container_wrap {width:100%;max-width:750px;margin:0 auto}
#logo {text-align:center;border-bottom:solid 1px #ccc}
#logo img {width:100%;max-width:400px;}
#call {text-align:center;border-bottom:solid 1px #ccc}
#call img {width:100%;max-width:540px;}
.case_scroll { padding:10px 20px;}
.case_title { position:relative;height:25px;font-weight:bold;color:#444;text-align:left;line-height:normal; }
.scroll_txt { width:100%;height:40px;overflow:hidden; }
.case_list { width:100%;height:1000px;overflow:hidden; }
.case_list li { display:block;height:20px;line-height:normal; }
.case_list li .name { display:inline-block;width:80px;padding-left:18px;font-weight:bold;background:url('../images/icon_doc.gif') no-repeat; }
.case_list li img,
.case_list li span,
.case_list li a { vertical-align:middle; }
#gnb_wrap {margin:0 0 10px 0}
#gnb_wrap ul {}
#gnb_wrap ul li {display:block;float:left;width:33.3%;}
#gnb_wrap ul li a {display:block;margin:0 0 -1px -1px;text-align:center;background:#2c93f2;border:solid 1px #0e66b7}
#gnb_wrap ul li a img {width:100%;max-width:130px;height:auto;}
#section0 {}
#section0 img {width:100%;height:auto}
#section1 {}
#section1 img {width:100%;height:auto}
#section2 {}
#section2 img {width:100%;height:auto}
#section3 {position:relative;padding:30% 0 0 0;text-align:center;background:url(/_images/section3_bg_m.jpg) no-repeat #f9fada;background-size:contain}
#section3 a.btn {display:block;position:absolute;right:10px;top:50px;width:80px;background:none;border:none}
#section3 a.btn img {width:100%;height:auto;}
#section3 .mov {}
#section3 .mov li {display:block;text-align:center;margin:0 0 10px 0;}
#section3 .mov li img {width:100%;height:auto;margin:0 0 8px 0;}
#section3 .mov li span {display:block;}
#section3 .mov li span img {width:auto;height:auto;}
#section3 img {width:50%;height:auto;max-width:400px;}
#post_box { margin:0 20px 20px 20px; }
.scroll_txt3 { height:140px;overflow:hidden; }
.post_list { height:1000px;overflow:hidden; }
.post_list li { display:block;height:20px;line-height:normal;text-align:left; }
.post_list li .name { display:inline-block;width:70px;padding-left:18px;font-weight:bold;background:url('../_images/icon_user_m.png') no-repeat; }
.post_list li .con { display:inline-block; }
.post_list li img,
.post_list li span,
.post_list li a { vertical-align:middle; }
#section4 {padding:0 0 40px 0;background:#eee}
#section4 img {width:100%;height:auto}
#section4 ul {}
#section4 ul li {display:block;text-align:center;margin:0 0 10px 0;}
#section4 ul li img {width:70%;height:auto;margin:0 0 8px 0;}
#section4 ul li span {display:block;}
#section4 ul li span img {width:auto;height:auto;}
#section6 {background:#eee}
#section6 img {width:100%;height:auto}
#section6 ul {}
#section6 ul li {display:block;text-align:center;margin:0 0 10px 0;}
#section6 ul li img {width:100%;height:auto;margin:0 0 8px 0;}
#section6 ul li span {display:block;}
#section6 ul li span img {width:auto;height:auto;}
#section7 {background:url(/_images/section7_bg_m.jpg) no-repeat;background-size:contain}
#section7 img {width:100%;height:auto}
#section8 {padding:0 10px;}
#section8 img {width:100%;height:auto}
#section8 dl {}
#section8 dl dt {display:block;margin:0 0 8px 0;font-weight:bold;color:#444;}
#section8 dl dd {display:block;margin:0 0 20px 0;padding:9px;background:#f6f6f6;border:solid 1px #ddd;}
#section8 dl dt img {width:auto;height:20px;}
#section8 dl dd img {width:auto;height:20px;margin:0 0 7px 0;}
#section8 dl dd strong {color:#48aee0;font-weight:bold}
#section9 {background:url(/_images/section9_bg_m.jpg) no-repeat;background-size:contain}
#section9 img {width:100%;height:auto}
#section10 {}
#section10 img {width:100%;height:auto}
#logos { margin:20px 10px;text-align:center; }
#logos img { width:auto;height:30px;margin:0 0 5px 0}
#footer_wrap { padding:20px 10px 80px 10px;text-align:center;color:#999;background:#444; }
#footer_wrap .var { color:#666;}
#bnr_exp {text-align:center;background:url(../images/bnr_exp_bg.gif) repeat-x}
#bnr_exp img {}
#bnr_exp2 {text-align:center;background:url(../images/bnr_exp2_bg.jpg) repeat-x }
#bnr_exp2 img {width:100%;max-width:400px;}
.ing_scroll { margin:10px; }
.ing_title { position:relative;height:25px;font-weight:bold;color:#444;text-align:left;line-height:normal; }
.more { position:absolute;display:block;width:30px;height:20px;right:10px;top:0px;font-size:11px;color:#999;font-weight:normal;letter-spacing:-1px;text-decoration:underline;padding-right:8px;background:url('/images/icon_arrow.gif') no-repeat right 3px; }
.scroll_txt2 { width:100%;height:120px;overflow:hidden; }
.ing_list { width:100%;height:1000px;overflow:hidden; }
.ing_list li { display:block;width:100%;height:25px;line-height:normal; }
.ing_list li .name { display:inline-block;width:75%;overflow:hidden;font-weight:bold; }
.ing_list li .name_b { display:inline-block;width:75%;overflow:hidden;font-weight:bold; }
.ing_list li .part { display:inline-block;width:20%; }
.ing_list li .ing { display:inline-block;width:20%;height:18px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:18px;background:#f75665;border:solid 1px #eb2437; }
.ing_list li .ready { display:inline-block;width:20%;height:18px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:18px;background:#1398d9;border:solid 1px #0a75aa; }
.ing_list li img,
.ing_list li span,
.ing_list li a { vertical-align:middle; }
#point {text-align:center;}
#point img {width:100%;max-width:640px;height:auto;}
.recent_mov { width:100%; }
.recent_mov li { position:relative;display:block;float:left;width:25%;height:150px;overflow:hidden;text-align:center; }
.recent_mov li .img { position:absolute;display:block;left:50%;top:0;margin-left:-125px }
.recent_mov li .mov_star { position:absolute;width:100%;height:25px;left:0;bottom:0;color:#fff;line-height:25px;text-indent:10px;text-align:left;background:#000;
filter:alpha(opacity=70); /* ie */
-moz-opacity:0.7; /* old mozilla browser like netscape */
-khtml-opacity: 0.7; /* for really really old safari */
opacity: 0.7; /* css standard, currently it works in most modern browsers like firefox, */
}
.recent_mov li .icon_play { display:block;position:absolute;width:40px;height:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px; }
.mov_area { margin:0 10px;text-align:center; }
.mov_area .mov { float:left;position:relative;width:50%;text-align:center; }
.mov_area .mov img { width:90%;max-width:230px; }
.mov_area .mov .icon_play { display:block;position:absolute;width:40px;height:40px;left:50%;top:50%;margin-left:-20px;margin-top:-20px; }
#thinkpure { text-align:center; }
#thinkpure img { width:100%;max-width:640px; }
.banners {}
.banners li {display:block;float:left;width:33.3%;}
.banners li img {width:100%;height:70px;}
.recent_certi { width:100%;margin-bottom:20px; }
.recent_certi li { display:block;float:left;width:20%;text-align:center; }
.recent_certi li img { width:90%;height:auto;margin-bottom:5px;border:solid 1px #ccc; }
#content_wrap {margin:0 10px 60px 10px}
.zip_title {height:40px;padding:0 10px;color:#fff;line-height:40px;background:#444}
.listType { width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #5e6170; }
.listType th { padding:12px 9px 10px 10px;color:#444;font-weight:bold;text-align:left;border-bottom:solid 1px #ddd;background:#f6f6f6; }
.listType th.right { text-align:right; }
.listType td { padding:12px 9px 10px 10px;color:#666;text-align:left;border-bottom:solid 1px #ddd; }
.listType td a { color:#666; }
.listType td.right { text-align:right; }
.listType td img,
.listType td a { vertical-align:middle; }
.listType td .ing { display:inline-block;width:60px;height:20px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:20px;background:#f75665;border:solid 1px #eb2437; }
.listType td .ready { display:inline-block;width:60px;height:20px;color:#FFFFFF;font-size:11px;text-align:center;letter-spacing:-1px;line-height:20px;background:#1398d9;border:solid 1px #0a75aa; }
.listType td .input { padding:6px;line-height:normal;border:solid 1px #ccc; }
.formType { width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #5e6170; }
.formType th { width:80px;padding:12px 5px 10px 5px;color:#444;font-weight:bold;text-align:left;border-bottom:solid 1px #ddd;border-right:solid 1px #eee; }
.formType td { width:;padding:12px 10px 10px 10px;color:#666;border-bottom:solid 1px #ddd; }
.formType td .file { padding:6px;line-height:normal;border:solid 1px #ccc; }
.formType td .input { padding:6px;line-height:normal;border:solid 1px #ccc; }
.formType td .select { padding:5px;line-height:normal;border:solid 1px #ccc; }
.formType td .textarea { width:97%;height:200px;padding:6px;line-height:normal;border:solid 1px #ccc; }
.formType td .control_ea { display:inline-block;width:28px;height:28px;text-align:center;line-height:28px;font-size:14px;color:#444;font-weight:normal;background:#f6f6f6;border:solid 1px #aaa;cursor:pointer; }
.formType td .chk { display:block; }
.formType td .label { display:inline-block;width:80px; }
.formType td img,
.formType td span,
.formType td a { vertical-align:middle; }
.agree { margin-bottom:5px;padding:20px;background:#EEE; }
.agree textarea { width:100%;height:100px;border:none;background:none; }
.agree_chk { height:50px;text-align:left; }
.btn_area { height:70px;text-align:center; }
.btn { display:inline-block;height:33px;margin:0 2px;padding:0 8px;text-align:center;line-height:33px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }
.btn_sch { display:inline-block;height:28px;margin:0 2px;padding:0 8px;text-align:center;line-height:28px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }
a.btn { display:inline-block;height:33px;margin:0 2px;padding:0 8px;text-align:center;line-height:33px;color:#a4a6aa;font-weight:bold;background:#545765;border:solid 1px #4a4c58; }
a.btn2 { display:inline-block;height:33px;margin:5px 0;padding:0 8px;text-align:center;line-height:33px;color:#444;font-weight:bold;background:#f6f6f6;border:solid 1px #ccc; }
.btn_area a,
.btn_area img { vertical-align:middle; }
.paging { height:50px;text-align:center; }
.paging a { display:inline-block;margin:4px; }
.paging strong { font-weight:bold;color:#FF7700; }
.paging img,
.paging a { vertical-align:middle; }
.news_list {}
.news_list li { display:block;margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px #ddd }
.news_list li a.title { display:block;font-size:14px;color:#333;font-weight:bold; }
.news_list li .info { font-size:11px;color:#999; }
.news_list li .info_box { display:block; }
.news_list li .info_box strong { height:25px;color:#222; }
.news_list li .info_box .good { display:inline-block;width:70px;height:25px;margin:0 auto;line-height:25px;color:#569ffd;font-size:11px;letter-spacing:-1px;background:#f6f6f6;font-weight:bold;border:solid 1px #ccc; }
.news_list li .info_box .good img { vertical-align:middle; }
.sch_area { height:90px; }
.sch_area .select { padding:5px;line-height:normal;border:solid 1px #ccc; }
.sch_area .input { width:120px;padding:6px;line-height:normal;border:solid 1px #ccc; }
.media_title { padding-bottom:20px;color:#333;font-size:14px;font-weight:bold;text-align:left; }
.media_info { position:relative;margin-bottom:10px;font-size:12px;border-bottom:solid 1px #ccc; }
.movType { width:100%;margin-bottom:10px;table-layout:fixed;border-collapse:collapse;border-top:solid 2px #5e6170; }
.movType td { color:#444;text-align:center;font-weight:bold;line-height:20px;padding-top:20px;padding-bottom:19px;border-bottom:solid 1px #ddd;vertical-align:top; }
.movType td a.mov_p { position:relative;display:block;width:140px;height:140px;margin:0 auto 10px auto;padding:9px;border:solid 1px #ddd;vertical-align:top; }