@charset "utf-8";
/*
	max css var.2
	date   :2019-01-04 / design team koh won ji
	modify :2020-06-16 / design team shin jung ju
*/

html,body {height:100%;}.skip,legend{position:absolute}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,header,hgroup,hr,html,i,iframe,img,ins,kbd,li,main,mark,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video,select{padding:0;margin:0;border:0;font:inherit;vertical-align:baseline}body{line-height:1;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:18px;color:#000;letter-spacing:-.04em;word-break:keep-all}a{text-decoration:none;color:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,hr{display:none}legend{height:0;font-size:0;line-height:0;overflow:hidden;text-indent:-20000px}address,cite,em{font-style:normal}button,label{cursor:pointer}button{border:0;background:0 0;display:inline-block}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:none;color:inherit}.skip{visibility:hidden;top:0;left:0}th,td{vertical-align: middle;}

/* browser_msg */
#max_browser_msg{width:100%;height:auto;background:#222;padding:15px;box-sizing:border-box;text-align:center;position:relative}#max_browser_msg p,#max_browser_msg mark{color:#fff;line-height:140%;font-size:12px;letter-spacing:0}#max_browser_msg mark{background:#f0bd41;color:#000;padding:0 5px}#max_browser_msg .bt_browser_upgrade{display:inline-block;font-size:12px;background:#fff;padding:5px 30px;margin:15px 0 0 0}#max_browser_msg .bt_close_browser{position:absolute;top:0;right:0;background:#fff;font-size:11px;padding:10px 10px}

/* font */
.f55 {font-size:55px; font-weight:600; letter-spacing:-.06em;}
.f40 {font-size:40px; font-weight:400; letter-spacing:-.06em; line-height:58px; color:#000;}
.f35 {font-size:35px; font-weight:400; letter-spacing:-.06em; line-height:1.4; color:#000;}
.f30 {font-size:30px; font-weight:400; letter-spacing:-.06em; line-height:1.4; color:#000;}

/* padding */
.pt50 {padding-top:50px !important;}
.pb64 {padding-bottom:64px !important;}
.pb80 {padding-bottom:80px !important;}
.pb100 {padding-bottom:100px !important;}
.pd0 {padding:0 !important;}
.pr40 {padding-right:40px;}
.pr80 {padding-right:80px;}

/* margin */
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb60 {margin-bottom:60px !important;}
.mb80 {margin-bottom:80px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml35 {margin-left:35px;}

/* position */
.por {position:relative;}
.flot_l {float:left;}
.flot_r {float:right;}

/* nbsp */
.nb {display:block;}
.txt_l {text-align:left !important;}

/* layout */
#max_wrap {width:100%; min-width:1366px; height:auto;}
#max_header {width:100%; min-width:1366px; height:auto; position:absolute; z-index:2; border-bottom:1px solid rgba(255, 255, 255, .15);}
#max_container {width:100%; min-width:1366px; height:auto;}
#max_footer {width:100%; min-width:1366px; height:auto; padding:2.5em 0; margin:0 auto; color:#797979; position:relative; box-sizing:border-box; background:#2a2a2a; clear:both;}

/* skipNav */
.skipNav { z-index:9999; position:relative; height:0;}
.skipNav ul {}
.skipNav ul li {}
.skipNav ul li a {display:block; position:absolute; left:0; top:-120px; color:#fff; }
.skipNav ul li a:focus {background:#fff;color:#000; position:absolute; left:0; top:0px; border:2px solid #ffd52d; padding:5px 10px; font-weight:bold;}


/* header */
#max_header .inner {position:relative; width:100%; max-width:1280px; height:auto; margin:0 auto; display:flex; align-items: center; }
#max_header .inner:after {content:''; display:block; clear:both;}
#max_header:hover {background:#fff; border-bottom:none;}
#max_header:hover a {color:#000;}
#max_header:hover .logo {background-image:url("../image/common/logo.svg");}


/* lnb */
.logo { width:190px; height:52px; background:url("../image/common/logo_w.svg") no-repeat 50% 50%; background-size:cover; font-size:0;}
.logo a {display:block; width:100%; height:100%;}
.lnb_wrap {float:left; padding-left:60px;}
.lnb_wrap .depth1 {width:100%; height:auto;}
.lnb_wrap .depth1 .btn_pc_dep1 {float:left; position:relative; font-weight:500; font-size:21px; padding:0 2.5em;}
.lnb_wrap .depth1 > li {float:left; position:relative; font-weight:500; font-size:20px; padding:0 1.5em;}
.lnb_wrap .depth1 > li > a {display:block; padding:1.65em 0; box-sizing:border-box; color:#fff;}
.lnb_wrap .depth1 > li > a:hover,
.lnb_wrap .depth1 > li > .active {color:#028f8e !important;}
.lnb_wrap .depth2 {width:270px; height:auto; position:absolute; top:90px; left:-46px; z-index:2; background-color:#028f8e;}
.lnb_wrap .pc_depth2_2 {left:-21px !important;}


.lnb_wrap .depth2 .btn_pc_dep2 {width:90%; margin:0 auto; font-size:17px; text-align:center; letter-spacing:-1px; position:relative; font-weight:400; border-top:1px solid #35a5a5;}
.lnb_wrap .depth2 > li {width:100%; margin:0 auto; font-size:17px; text-align:center; letter-spacing:-1px; position:relative; font-weight:400; border-top:1px solid #35a5a5;}
.lnb_wrap .depth2 > li:nth-child(1) {border-top:none;}
.lnb_wrap .depth2 .btn_pc_dep2 > a {display:block; padding:1em; box-sizing:border-box; color:#fff !important;}
.lnb_wrap .depth2 > li:hover {text-decoration:underline; color:#fff; background:url("../image/common/lnb_arrow.png") 90% 50% no-repeat;}
.bt_login { width:90px; height:90px; background:url("../image/common/bt_login.jpg") center no-repeat; font-size:0; margin-left:auto; }
.bt_login a {display:block; width:100%; height:100%;}
.bt_logout {width:90px; height:90px; background:url("../image/common/bt_logout.jpg") center no-repeat; font-size:0; margin-left:auto;}
.bt_logout a {display:block; width:100%; height:100%;}

/* footer */
#max_footer .inner {width:100%; max-width:1280px; height:auto; margin:0 auto; display:flex; gap:5rem; align-items: center}
#max_footer .hide {font-size: 0; text-indent:-9999999px;}
#max_footer .logo {margin: 0 0 1rem 0;}
#max_footer p {font-size:16px; color:#fff; letter-spacing:0;}
#max_footer p strong {font-size:18px; font-weight:400; margin-right:10px;}

#max_footer .inner .finfo {width:calc(100% - 300px);}
#max_footer .inner .finfo > p {margin-top:10px;}
#max_footer .inner .finfo address ul li {display:flex; align-items: center; font-size: .9em; line-height:1.3; margin: 0 0 .4rem 0;}
#max_footer .inner .finfo address ul li strong {min-width: 100px; text-align: center; }
#max_footer .inner .finfo address ul li p { letter-spacing:0; line-height:1.4; word-break:keep-all; color:#a2a2a2; }
 
#max_footer .inner .fservice {width:430px;}
#max_footer .inner .fservice ul {margin:0 0 1rem 0;}
#max_footer .inner .fservice ul li p{color:#fff;}
#max_footer .inner .fservice strong{ display:inline-block; min-width:125px; text-align: left; padding:.6rem; background:#222; border-radius:.2rem; font-size: .95em;}
#max_footer .inner .fservice p {margin:0 0 .2rem 0; letter-spacing:0; line-height:1.2; word-break:keep-all; color:#a2a2a2; }

#max_footer address {color:#a2a2a2; font-size:17px; line-height:23px; padding:15px 0 20px; box-sizing:border-box;}
#max_footer address strong {font-weight:500; margin-right:20px; padding:.6rem; background:#222; border-radius:.2rem; line-height:1; display:inline-block;}

#max_footer cite {font-size:16px; color:#616161; font-weight:400;}
#max_footer #bt_top {width:60px; height:60px; color:#fff; font-size:16px; border:1px solid #a2a2a2; position:fixed; bottom:92px; right:50px; display:block; line-height:60px; background:#2a2a2a; text-align:center;}
#max_footer #bt_top a {width:100%; height:100%; display:block;}

.clearfix:after {content:""; display:block; clear:both;}
.clb {clear:both;}

/* sub visual */
.sub_visual {width:100%; height:469px; background-repeat:no-repeat; background-position:top center; background-size:cover; color:#fff; font-weight:500;}
.sub_visual .inner {width:100%; max-width:1280px; height:auto; margin:0 auto; text-align:center; padding:10.5em 0 !important;}
.sub_visual p {padding-top:1.1em; font-size:18px; font-weight:300;}
.sub_visual.about {background-image:url("../image/common/bg_sub_vis1.jpg");}
.sub_visual.entrust {background-image:url("../image/common/bg_sub_vis2.jpg");}
.sub_visual.platform {background-image:url("../image/common/bg_sub_vis3.jpg");}
.sub_visual.technique {background-image:url("../image/common/bg_sub_vis4.jpg");}
.sub_visual.order {background-image:url("../image/common/bg_sub_vis5.jpg");}
.sub_visual.notice {background-image:url("../image/common/bg_sub_vis6.jpg");}
.sub_visual.login {background-image:url("../image/common/bg_sub_vis7.jpg");}
.sub_visual.mypage {background-image:url("../image/common/bg_sub_vis7_2.jpg");}

/* sub contents */
.sub_menu {width:100%; max-width:1280px; margin:-80px auto 0; border-bottom:1px solid #dadada;}
.sub_menu ul {display:-webkit-box; display:-ms-flexbox; display:flex; background:#fff;}
.sub_menu li {float:left; width:50%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.sub_menu.mn1 li {width:100%}
.sub_menu.mn2 li {width:50%}
.sub_menu.mn3 li {width:33.3333%}
.sub_menu.mn4 li {width:25%}
.sub_menu.mn5 li {width:20%}
.sub_menu.mn6 li {width:16.66%}
.sub_menu li a {display:block; font-size:20px; height:80px; line-height:80px; font-weight:500; color:#000; background:#fff; text-align:center; position:relative;}
.sub_menu li a:hover {border-bottom:3px solid #028f8e; height:77px; line-height:77px; color:#028f8e; font-weight:bold;}
.sub_menu li a.current {color:#028f8e; font-weight:600; border-bottom:3px solid #028f8e; height:77px; line-height:77px;}
.sub_menu li a.current:before {display:none;}


/* contents */
.contents {width:100%; height:auto; font-size:18px; font-weight:300; line-height:34px;}
.contents .inner {width:100%; max-width:1280px; height:auto; margin:0 auto; text-align:center; padding:120px 0 70px 0;}
.contents .inner .cont_wp {width:90%; margin:0 auto;}
.contents h3 strong {font-weight:bold;}
.contents h4 {font-size:28px; font-weight:bold; letter-spacing:-2px; text-align:left; margin-bottom:25px;}
.contents h5 {font-size:20px; font-weight:bold; position:relative; margin-bottom:10px;}
.contents h5 i {width:8px; height:8px; border:2px solid #028f8e; border-radius:50px; display:inline-block;}
.contents h5 span {display:inline-block; margin-left:25px;}
.contents h6 {font-weight:bold; font-size:18px; text-align:left; margin-bottom:20px;}
.contents .im_box {padding:95px 0;} 
.contents sup {font-size:15px; vertical-align:super;}
.contents h3>strong>sup {font-size:30px;}
.list_st>li {background:url(../image/common/bullet03.png) no-repeat 0px 13px; padding-left:20px;}
.col_red {color:#d40000;}


/* tab_menu */
.tab_menu {width:100%; max-width:1280px; margin:0 auto; padding-bottom:50px;}
.tab_menu .mn1 {width:25%;}
.tab_menu .mn1 li {width:50%;}
.tab_menu .mn2 {width:45%;}
.tab_menu .mn2 li {flex:0 50%; -ms-flex:0 50%;}
.tab_menu .mn3 {width:80%;}
.tab_menu .mn3 li {flex:0 33%; -ms-flex:0 33%;}
.tab_menu .mn4 {width:90%;}
.tab_menu .mn4 li {flex:0 25%; -ms-flex:0 25%;}
.tab_menu .mn5 {width:95%;}
.tab_menu .mn5 li {flex:0 20%; -ms-flex:0 20%;}
.tab_menu ul {display:-webkit-box; display:-ms-flexbox; display:flex; margin:0 auto; margin-left:-1%;  flex-wrap:wrap; }
.tab_menu ul li {width:100%; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;  margin:  0 0 1% 1%; }
.tab_menu ul.no2 li {width:49%;}
.tab_menu ul.no3 li {width:33.33%;} 
.tab_menu ul.no4 li {width:24%;}
.tab_menu ul.no5 li {width:19%;}
.tab_menu ul.no6 li {width:24%; }

/* .tab_menu ul {display:block; margin:0 auto;}
.tab_menu li {width:100%; display:inline-block; margin-left:20px;} */ 
.tab_menu li a {display:flex; justify-content: center; align-items: center; font-size:18px; height:60px; font-weight:500;
color:#000; background:#fff; text-align:center; position:relative; border:1px solid #c7c7c7; border-radius:100px; box-sizing:border-box;}
.tab_menu li a:hover {color:#fff; font-weight:600; background:#0d5198; border:none; box-sizing:border-box;}
.tab_menu li a.current {color:#fff; font-weight:600; background:#0d5198; border:none;}
.tab_menu li a.current:before {display:none;}
.tab_menu span {line-height:10px;}
.tab_menu li.active a {background:#0d5198; color:#fff; border-color:#0d5198;}

/* tab_menu style2 */
.tab_menu2 {width:100%; margin: 0 0 60px 0;}
.tab_menu2 ul {width:100%; display:flex;}
.tab_menu2 ul.no2 li {width:50%;}
.tab_menu2 ul.no3 li {width:33.33%;} 
.tab_menu2 ul.no4 li {width:25%;}
.tab_menu2 ul.no5 li {width:20%;}
.tab_menu2 ul.no6 li {width:16.667%;}

.tab_menu2 ul li a {position:relative; display:block; padding:.8rem; border :1px solid #ddd; color:#7c7c7c; font-weight: 500; background: #f5f5f5;}
.tab_menu2 ul li.active a {color:#222; background: #fff; border:1px solid #bbbbbb; border-bottom:0;}
.tab_menu2 ul li.active a:before {position:absolute; width:100%; height:2px; background:#222; top:-1px; left:0; content:''; }



/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block; padding:0 10px; height:30px; border:0; border-radius:3px; background:#4b545e; color:#fff; cursor:pointer; font-size:15px; letter-spacing:-1px;}
.new_win .win_btn input {padding:0 10px;height:30px;font-size:15px; letter-spacing:-1px;}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

.adm_btn {color:#fff; color: #fff;  font-size: 18px; margin-left:auto; }


/* chapcha  */
#captcha_img { border:1px solid #ccc; box-sizing:border-box; margin-bottom:5px;}
.cp_wrap { display:inline-block; width:30px; height:62px; vertical-align:bottom; font-size:0; margin-bottom:5px;}
#captcha_mp3 { font-size:0; text-indent:-999px; width:31px; height:31px; box-sizing:border-box; border:1px solid #ddd; display:block; background:url(./images/sound-32.png) center no-repeat;}
#captcha_reload { font-size:0; text-indent:-999px; width:31px; height:31px; box-sizing:border-box; border:1px solid #ddd; display:block; background:url(./images/refresh-32.png) center no-repeat;}
#captcha_key { width:153px; }