@charset "UTF-8";
@font-face {
    font-family: 'Noto Sans M';
    font-style: normal;
    font-weight: 200;
    src: local('Noto Sans Light'), local('NotoSans-Light'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/eot/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/woff/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/fonts/otf/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans M';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url(../font/NotoSansKR-Regular-Hestia.eot),
    url(../font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Regular-Hestia.otf) format('opentype');
}

@font-face {
    font-family: 'Noto Sans M';
    font-style: bold;
    font-weight: 600;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url(../font/NotoSansKR-Medium-Hestia.eot),
    url(../font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(../font/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(../font/NotoSansKR-Medium-Hestia.otf) format('opentype');
}

/* common */
html,body,div,p,span,ul,li,ol,input,dl,dt,dd,hr,br,img,h1,h2,h3,h4,h5,fieldset,legend,input,select,textarea 
{margin:0;padding:0;border:none;font-family: "Noto Sans M", sans-serif;font-size:14px;line-height:130%;color:#282828;}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 100%;}
body {height: 100%;}
.wrapper {min-height:100%;position: relative;padding-bottom:134px;}
.wrapper.no_footer {padding-bottom:0;}
ul,ol,li {list-style: none ;}
a {text-decoration:none;}
h1,h2,h3,h4,h5 {font-weight:normal;}
.f_bold {font-weight:600 !important;}
.section {padding:20px 0;}
.txt_s {font-size:11px;}
a {color:#282828;-webkit-tap-highlight-color:transparent;}
.color_gray {color:#c1c1c1 !important;}
table {border-collapse: collapse;}
fieldset {border:none;}
legend {display:none;}
.height40 {height:40px;}
.bg_none {background-image:none !important;}
.full_img {width:100%;height:auto;}
.img_size200 {max-width:200px;height:auto;}
.inlineB {display:inline-block;}
.displayB {display:block;}
.displayN {display:none;}
.link {border-bottom:1px solid #656565;}
.link:hover {color:#ce2828;border-bottom:1px solid #ce2828;}
.txt_error,.txt_yet {color:red;}
.bor_none {border:none !important;}
.pb0{padding-bottom: 0 !important;}
em {font-style:normal;}

/* text-align */
.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

/* vertical-align */
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}
.vatxtT {vertical-align:text-top !important;}

/* table */
.tb01 {width:100%;border-left:1px solid #333;border-bottom:1px solid #333;}
.tb01 th {padding:5px 10px;border-right:1px solid #333;border-top:1px solid #333;background-color:#eee;}
.tb01 td {padding:5px 10px;border-right:1px solid #333;border-top:1px solid #333;}

/* input box color */ 
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }

/* input */
label {vertical-align:middle;font-size:13px;font-weight:600;color:#595757;}
input[type="number"],input[type="text"], input[type="password"] {width:100%;border:1px solid #e7e7e7;height: auto;line-height: normal;padding:9px 10px 9px;font-size:15px;vertical-align:middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="text"].search {
	padding-right:40px;
	-moz-box-shadow: 0 1px 0 #dadada;
　　-webkit-box-shadow: 0 1px 0 #dadada;
	box-shadow: 0 1px 0 #dadada;
}

/* checkbox */
input[type="checkbox"] { display: inline-block; width: 18px; height: 18px; vertical-align: middle; -webkit-appearance: none; border-radius: 0; border: 0; margin:0; padding:0; cursor: pointer }
input[type="checkbox"] { background: url("../img/btn_check.png") no-repeat 0 0; background-size:18px 36px;}
input[type="checkbox"]:checked { background-position: 0 bottom; }
input[type="checkbox"]:disabled{ background-position: 0 -30px; }
input[type="checkbox"]:disabled:checked { background-position: 0 -30px; }

input:focus::placeholder {text-indent:-99999px;font-size:0;}

/* header */
.header {position:relative;padding:19px 15px;border-bottom:1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.header .page_title {font-size:17px;text-align:center;}
.header .btn_left {display:inline-block;padding:19px 20px 21px;width:75px;position:absolute;left:0;top:0;font-size:15px;text-align:center;}
.header .btn_left.arrow_left {background:url("../images/btn_prev.png") 13px 21px no-repeat;padding-left:26px;background-size:9px 15px;}
.header .btn_right {display:inline-block;position:absolute;right:20px;top:21px;width:18px;height:18px;}
.header .btn_right img {width:100%;height:auto;}
.header .btn_right2 {display:inline-block;position:absolute;right:20px;top:21px;color:#3a3a3a;}
.header .btn_right2:hover {color:#000;}
.header .btn_right2:active {color:#3a3a3a;}
.header.main_header {padding:0 0;height:60px;border-bottom:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.btn_m_menu {display:inline-block;width:59px;height:59px;}
.btn_m_menu img {width:100%;height:auto;}

.main_logo {text-align:center;margin-top:6%;}
.main_logo img {width:160px;height:41px;}
.main_txt {margin-top:7%;text-align:center;font-size:13px;}
.main_search {padding:0 12px;margin-top:12%;}
.main_input {position:relative;}
.main_input .btn_main_search {position:absolute;right:1px;top:1px;}
.main_input .btn_main_search img {width:40px;height:40px;}
.main_input input {border:1px solid #e7e7e7;background-color:#fafafa;padding-right:40px;text-align:center;
	-moz-box-shadow: 0 2px 0 #f1f1f1;
　　-webkit-box-shadow: 0 2px 0 #f1f1f1;
	box-shadow: 0 2px 0 #f1f1f1;
}
.main_search_type {overflow:hidden;margin-top:8%;padding-bottom:3px;}
.main_search_type li {float:left;width:32%;margin-right:2%;}
.main_search_type li a {display:inline-block;width:100%;text-align:center;border:1px solid #ebebeb;padding-top:71%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: 0 2px 0 #f1f1f1;
　　-webkit-box-shadow: 0 2px 0 #f1f1f1;
	box-shadow: 0 2px 0 #f1f1f1;
}
.main_search_type li:last-child {margin-right:0;}
.main_search_type li a span {font-size:13px;}
.main_search_type li.type01 {background:url("../images/bull_search_type01.png") center 26% no-repeat;background-size:50px 50px;}
.main_search_type li.type01 a span {display:block;width:100%;padding:5px 0;background-color:#f5923d;color:#fff;}
.main_search_type li.type02 {background:url("../images/bull_search_type02.png") center 26% no-repeat;background-size:50px 50px;}
.main_search_type li.type02 a span {display:block;width:100%;padding:5px 0;background-color:#3568aa;color:#fff;}
.main_search_type li.type03 {background:url("../images/bull_search_type03.png") center 26% no-repeat;background-size:50px 50px;}
.main_search_type li.type03 a span {display:block;width:100%;padding:5px 0;background-color:#1fb2dd;color:#fff;}

.seach_box {position:relative;}
.seach_box .btn_search {position:absolute;right:1px;top:1px;width:40px;height:40px;}
.seach_box .btn_search img {width:100%;height:auto;}
.seach_box2 {position:relative;}
.seach_box2 .btn_search {position:absolute;right:1px;top:1px;width:75px;height:40px;padding:10px 10px;background-color:#1f73b0;color:#fff;}
.seach_box2 input {color:#255ad1;padding-right:85px;}
.result_tit {margin:15px 0 20px;color:#3568aa;}
.result_list li {margin-bottom:8px;display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.search_txt {color:#3568aa;}

.btn_menu_close {display:none;position:absolute;top:22px;right:25px;z-index:100;}
.btn_menu_close img {width:18px;height:18px;}
.m_menu_all {width:80%;margin-right:20%;position:absolute;left:-100%;top:0;z-index:100;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.m_menu {background-color:#fff;}
.m_menu li {border-bottom:1px solid #efefef;background:url("../images/menu_arrow.png") 93% center no-repeat;background-size:8px 14px;}
.m_menu li a {display:block;padding:15px 20px;}
.m_menu li a:active {background:#f5f5f5 url("../images/menu_arrow.png") 93% center no-repeat;background-size:8px 14px;}
.menu_logo {display:inline-block;padding:18px 20px;}
.menu_logo img {width:101px;height:25px;}

.content {padding:18px;}
.kcd_info_tit {line-height:150%;font-weight:200;}
.dl_list01 {margin-top:30px;}
.dl_list01 dt {padding-left:10px;color:#3568aa;background:url("../images/bull_kcd_info.png") left center no-repeat;background-size:7px 7px;font-weight:600;}
.dl_list01 dd {margin-top:10px;font-weight:200;line-height:150%;}
.tab_all {width:100%;}
.tab {overflow:hidden;border-right:1px solid #e5e5e5;}
.tab li {float:left;width:33.3%;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.tab li:first-child {width:33.4%;}
.tab li a {display:block;padding:15px 0;text-align:center;font-size:17px;}
.tab li a.active {background-color:#3568aa;color:#fff;}
.tab li:first-child a.active {background-color:#f5923d;color:#fff;}
.tab li:last-child a.active {background-color:#1fb2dd;color:#fff;}
.search_result {padding:15px 20px;background-color:#f8f8f8;border-bottom:1px solid #e5e5e5;font-weight:600;}
.search_result dt {}
.search_result dd {margin-top:5px;}
.nav_area {padding:15px;background-color:#f8f8f8;border-bottom:1px solid #e5e5e5;}
.nav_area span:first-child {font-weight:600;}
.nav_area span:last-child {font-weight:600;}
.bull_home {display:inline-block;padding:5px 0;padding-left:19px;background:url("../images/bull_home.png") left center no-repeat;background-size:13px auto;}
.bull_device {padding:0 5px;}
.code_list li {position:relative;padding:10px 10px 10px 65px;border-bottom:1px solid #e1e1e1;font-weight:200;}
.bull_type {position:absolute;left:0;top:12px;}
.bull_type img {width:auto;height:12px;}
.code_name {font-weight:600;font-family:Roboto;}

.type_list li {position:relative;padding:8px 30px 7px 40px;}
.type_list li a {display:block;}
.type_list li:active {background-color:#e2e2e2;}
.type_list li:last-child {position:relative;padding:8px 30px 17px 40px;}
.type_list li:first-child {position:relative;padding:18px 30px 7px 40px;}
.type_list li:first-child .btn_see {position:absolute;top:19px;left:10px;}
.type_list li:first-child .bull01 {position:absolute;top:22px;left:13px;}
.type_list li:first-child:active .btn_see {position:absolute;top:18px;left:10px;}
.type_list li:first-child .has_depth {position:absolute;right:15px;top:50%;margin-top:-7px;}
.type_list li .search_word {color:#f9943c;}
.type_list li .btn_see {display:inline-block;position:absolute;top:8px;left:10px;width:20px;height:20px;border-radius:20px;background:#f9943c url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type_list li .btn_see:active {background:#333 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type01_list li a {
  overflow: hidden; 
  text-overflow: ellipsis; 
  display: -webkit-box;  
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.type_list li .bull01 {display:inline-block;position:absolute;top:13px;left:13px;width:9px;height:11px;background:url("../images/bull_type04_on.png") center no-repeat;background-size:9px 11px;}

.type01_list li.on .code_name {color:#f9943c;}
.type02_list li.on .code_name {color:#1fb2dd;}
.type03_list li.on .code_name {color:#1f73b0;}
.type04_list li.on .code_name {color:#004a80;}
.type05_list li.on .code_name {color:#149ba3;}
.type06_list li.on .code_name {color:#149e8f;}

.type01_list li .btn_see {display:inline-block;position:absolute;top:8px;left:10px;width:20px;height:20px;border-radius:20px;background:#f9943c url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type01_list li .btn_see:active {background:#333 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type01_list li:first-child .btn_see {position:absolute;top:19px;left:10px;}
.type01_list li:first-child:active .btn_see {position:absolute;top:18px;left:10px;}
.type01_list li:first-child .has_depth {position:absolute;right:15px;top:50%;margin-top:-2px;}

.type02_list li .btn_see {display:inline-block;position:absolute;top:8px;left:10px;width:20px;height:20px;border-radius:20px;background:#1fb2dd url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type02_list li .btn_see:active {background:#333 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type02_list li:first-child .btn_see {position:absolute;top:19px;left:10px;}
.type02_list li:first-child:active .btn_see {position:absolute;top:18px;left:10px;}
.type02_list li:first-child .has_depth {position:absolute;right:15px;top:50%;margin-top:-2px;}

.type03_list li .btn_see {display:inline-block;position:absolute;top:8px;left:10px;width:20px;height:20px;border-radius:20px;background:#1f73b0 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type03_list li .btn_see:active {background:#333 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type03_list li:first-child .btn_see {position:absolute;top:19px;left:10px;}
.type03_list li:first-child:active .btn_see {position:absolute;top:18px;left:10px;}
.type03_list li:first-child .has_depth {position:absolute;right:15px;top:50%;margin-top:-2px;}

.type04_list li .btn_see {display:inline-block;position:absolute;top:8px;left:10px;width:20px;height:20px;border-radius:20px;background:#004a80 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type04_list li .btn_see:active {background:#333 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type04_list li:first-child .btn_see {position:absolute;top:19px;left:10px;}
.type04_list li:first-child:active .btn_see {position:absolute;top:18px;left:10px;}
.type04_list li:first-child .has_depth {position:absolute;right:15px;top:50%;margin-top:-2px;}

.type05_list li .btn_see {display:inline-block;position:absolute;top:8px;left:10px;width:20px;height:20px;border-radius:20px;background:#149ba3 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type05_list li .btn_see:active {background:#333 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type05_list li:first-child .btn_see {position:absolute;top:19px;left:10px;}
.type05_list li:first-child:active .btn_see {position:absolute;top:18px;left:10px;}
.type05_list li:first-child .has_depth {position:absolute;right:15px;top:50%;margin-top:-2px;}

.type06_list li .btn_see {display:inline-block;position:absolute;top:8px;left:10px;width:20px;height:20px;border-radius:20px;background:#149e8f url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type06_list li .btn_see:active {background:#333 url("../images/btn_see.png") center no-repeat;background-size:10px 10px;}
.type06_list li:first-child .btn_see {position:absolute;top:19px;left:10px;}
.type06_list li:first-child:active .btn_see {position:absolute;top:18px;left:10px;}
.type06_list li:first-child .has_depth {position:absolute;right:15px;top:50%;margin-top:-2px;}

.type_list li .has_depth {display:none;position:absolute;right:15px;top:50%;margin-top:-7px;width:9px;height:14px;}
.type_list li.on .has_depth {display:block;width:9px;height:14px;}
.has_depth img {width:100%;height:auto;}

.con_tit01 {font-size:15px;text-align:center;font-weight:600;padding:10px 0 20px;}
.body_bull_list {overflow:hidden;padding:0 45px;}
.body_bull_list li {float:left;width:50%;text-align:center;margin-bottom:13px;}
.body_bull_list li dt {width:78px;height:78px;margin:0 auto;cursor:pointer;}
.body_bull_list li dt.active {width:78px;height:78px;margin:0 auto;cursor:pointer;}
.body_bull_list li dt.body01 {background:url("../images/bull_body01.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body01.active {background:url("../images/bull_body01_on.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body02 {background:url("../images/bull_body02.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body02.active {background:url("../images/bull_body02_on.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body03 {background:url("../images/bull_body03.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body03.active {background:url("../images/bull_body03_on.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body04 {background:url("../images/bull_body04.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body04.active {background:url("../images/bull_body04_on.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body05 {background:url("../images/bull_body05.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body05.active {background:url("../images/bull_body05_on.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body06 {background:url("../images/bull_body06.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body06.active {background:url("../images/bull_body06_on.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body07 {background:url("../images/bull_body07.png") no-repeat;background-size:78px 78px;}
.body_bull_list li dt.body07.active {background:url("../images/bull_body07_on.png") no-repeat;background-size:78px 78px;}

.company_list dt {text-align:center;margin-top:20px;margin-bottom:30px;}
.company_list dt img {width:90px;height:51px;}
.company_list dd {text-align:center;margin-bottom:15px;line-height:150%;}

.search_lang_box {}
.search_lang_box_tit {font-weight:600;padding:10px 20px;}
.search_lang_list {background-color:#f8f8f8;padding:10px 20px;text-align:center;}
.search_lang_list ul {overflow:hidden;}
.search_lang_list li {float:left;width:15.6%;margin:0.5%;}
.search_lang_list li a {display:block;text-align:center;padding:18px 0;border:1px solid #efefef;background-color:#fff;font-weight:600;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.search_lang_list li a:active,.search_lang_list li a.active {background-color:#00000015;color:#fff;font-weight:600;}
.serach_area {position:absolute;top:42px;left:0;width:100%;padding:10px 10px 5px;background-color:#fff;border:1px solid #efefef;overflow:hidden;overflow-y:auto;max-height:390px;z-index:10;}
.serach_area > ul li {margin-bottom:5px;display: inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 
.serach_area > ul li .point_color {color:#f9943c;font-family:Roboto;font-weight:600;}

/* btn */
.btn_area {margin-top:20px;}
.btn {display:inline-block;padding:0 10px 5px;border-radius:2px;}
.btn span {vertical-align:middle;}
.btn.type01 {background-color:#f5f5f5;border:1px solid #e4e4e4;}
.btn_bull01 {margin-right:6px;display:inline-block;width:14px;height:17px;vertical-align:middle;background:url("../images/bull_btn_type01.png") 0 0 no-repeat;background-size:14px 17px;}
.btn .txt_together {font-size:12px;}

.footer_all {width:100%;position: absolute;bottom: 0;left: 0;right: 0;}
.banner_area {width:100%;height:80px;border-top:1px solid #e4e4e4;background:#faeff3 url("../images/banner01.jpg") center top no-repeat;background-size:auto 80px;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.copyright {padding:20px 0;text-align:center;color:#a1a1a1;letter-spacing:0.5px;font-size:11px;background-color:#fff;}
.copyright span {color:#2d2d2d;letter-spacing:0.5px;font-size:11px;}

/* popup */
.bg_dimm {display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.7;z-index:99;}
.layer_popup {position:fixed;top:48%;left:50%;display:none;z-index:101;}
.popup01 {margin-left:-160px;width:320px;background-color:#fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}
.popup_header {position:relative;text-align:center;padding:20px;font-size:17px;font-weight:;}
.popup_header .btn_close {position:absolute;right:20px;top:20px;}
.popup_header .btn_close img {width:18px;height:18px;}
.popup_con {padding:0 20px 30px;}
.body_area {text-align:center;}

@media all and (max-width: 320px){
	.search_lang_list li a {display:block;text-align:center;padding:13px 0;border:1px solid #efefef;background-color:#fff;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.main_search {padding:0;}
	.main_search_type li a span {font-size:12px;}
	.serach_area {max-height:280px;}
}