@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosans.css);

:lang(ko) {font-family: 'Noto Sans KR', sans-serif;}
:lang(en) {font-family: sans-serif, Arial;}
:lang(ja) {font-family: 'Noto Sans JP', sans-serif;}
:lang(zh-Hans) {font-family: 'Noto Sans SC', sans-serif;}/* 중국어 (간체) */

/*.fontCh{font-family:"微軟正黑體", 細明體, Arial, Helvetica, sans-serif;}
.fontKh{font-family:'Hanuman', Arial, Helvetica, sans-serif}
.fontJp{font-family:"メイリオ",Meiryo,"Osaka",Arial,sans-serif}
.fontEn{font-family:Tahoma, verdana, Arial, sans-serif}
.fontKr{font-family:'Noto Sans KR',"dotum", "gulim", "verdana", sans-serif}
.fontArial{font-family:Arial}
.fontTh{font-family:Arial, sans-serif}
.fontRu{font-family:'NotoSans', Arial, sans-serif;}*/

/* reset-stylesheet */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, time, mark, audio, video, input, button {
    margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;-ms-word-break: keep-all;word-break: keep-all;
} 

/*body {font-family: "Nanum Gothic", "gulim", "verdana", sans-serif; letter-spacing:0}*/

body, td, select, div, center, option, pre, blockquote, table {
    font: 'Noto Sans KR', Dotum, Gulim, sans-serif, Arial;color:#555;}
/*body.en, body.en td, body.en select, body.en div, body.en center, body.en option, body.en pre, body.en blockquote, body.en table {
	font : 24px/100% sans-serif, Arial;color:#555;letter-spacing:-0.5px;
}*/

select {font-family: 'Noto Sans KR',"dotum", "gulim", "verdana", sans-serif}
button {border:0 none;outline:0;cursor:pointer; background:none; margin:0; padding:0;vertical-align:middle; font-size:100%}
button span {position:relative; left:0; top:0;/*vertical-align:middle*/}
button::-moz-focus-inner {border:0; padding:0}

a {text-decoration:none;color:#fff}
table a:hover {color:#1a91f5}
ol,ul {list-style:none;}
li,dd {padding:0; margin:0;}
input[type=text],input[type=password], textarea,input[type=file], select {border:1px solid #CCCCCC; padding:2px;}
input[type=password] {padding:2px}
input[type=button] {cursor:pointer}
input[type=radio] {vertical-align:middle}
input[type=submit]:focus {outline:1;border:1px;cursor:pointer;border: 0 solid rgba(81, 203, 238, 1);box-shadow: 0 0 1px rgba(81, 203, 238, 1);}
em {font-style:normal}
ins { text-decoration:none;}
del { text-decoration:line-through;}
.bgdel {background:none !important}
table {border-collapse:collapse; border-spacing:0; width:100%}
legend,caption {background:none;border:0 none; display:inline-block; line-height:0; font-size:0; overflow:hidden; text-indent:-9999px; cursor:pointer;}
hr {height:0; margin:0; padding:0; border:0}
.bdnone {border:0 none !important}
.disInB {display:inline-block}
/******** hidden  ********/
.h0 {height:0; overflow:hidden; position:absolute}
.hidTxt {display:inline-block; overflow:hidden; text-indent:-9999px;}
/******** float ********/
.left {float:left}
.right {float:right}
.clear {clear:both}
.aftClear:after {display:block; height:0; content:""; clear:both}
/******** vertical ********/
.vm {vertical-align:middle !important}
.vt {vertical-align:top !important}
.rel {position: relative; !important}
/******** align ********/
.tl {text-align:left !important} 
.tr {text-align:right !important}
.tc {text-align:center !important}

/******* line-height ********/ 
.lih13 {line-height:1.3}
.lih15 {line-height:1.5}
/* 10이상 clear */
input[type=text]::-ms-clear{display: none !important; }
/******** line ******/
.dsline {border-bottom:1px dashed #999999}
.inblc {display:inline-block;}
.disnone {display:none;}

/******** Dots ***************/
.blackDots1 {background:url(../img/dots/blackDots1.gif) 0 center no-repeat; padding-left:7px}

/********* Box rudi *********/
.r2 {border-radius:2px !important}
.r5 {border-radius:5px !important}
.r10 {border-radius:10px !important}
/******** Btn Option2 ********/
.par {position:absolute; right:0 !important; top:0}
.red {color:#F00 !important}
.black {color:#333 !important}
.black1 {color:#000 !important}
.blue {color:#00b6f0 !important}
.org {color:#F60 !important}
.skyblue {color:#5bc1eb !important}
.gray {color:#666666 !important}
.green {color:#090 !important}

/************************************************* Container *********************************************/
/******** container **********/
#wrap{overflow-x:hidden;min-width:320px;height:100%;}
#header{width:100%;height:73px;background-color:#06a7e2}
#header .tlogo{float:left;width:112px;padding-top:0}
#header .topNav{float:right;margin-right:15px}
#header .topNav .lanSelect{float:right;margin-top:10px;color:#666;}
#header .topNav .lanSelect > span{padding-bottom:5px;font-size:14px;color:#fff;display:block}
#header .topNav .globalSite {display:inline-block;width:230px;}
#header .topNav .globalSite li {display:inline-block;height:35px;vertical-align:bottom;color:#999}
#header .topNav .globalSite li img {display:block; border:0;}
#header .topNav .site {border:1px solid #c5c6c7;color:#666;padding:3px 25px 6px 10px; background:#FFF url(./img/btn_select.png) 100% center no-repeat;width:230px;height:28px;text-align:left;font-size:13px}
#header .topNav .globalList {background:#fff;display:none;position:absolute;width:228px;font-size:13px;padding-bottom:5px;border-right:1px solid #c5c6c7;border-left:1px solid #c5c6c7;border-bottom:1px solid #c5c6c7;}
#header .topNav .globalList li {line-height:1.4;padding:2px 0 0 0;cursor:pointer;width:228px;height:18px;}
#header .topNav .globalList li:hover {background:#CCC}
#header .topNav .globalList li a {padding-left:10px;display:block;color:#999;}
#header .topNav .globalList li a:hover {color:#999;}

#container{clear:both;width:92%;margin:30px auto 50px;}
#container .conts{overflow:hidden;min-height:370px;background:url(./img/bg_2019.png) 98% top no-repeat;}
#container .conts .logoImg{width:16%;}
#container .conts .text_title {height:30px;padding-left:10px;padding-top:5px;font-size:22px;font-weight:bold;}
#container .conts .text01{margin:20px 0 20px;font-size:18px;}
#container .conts .text02{font-size:16px;background:url(./img/attr_blue.png) 0 10px no-repeat; padding-left:10px;}
#container .conts .textbox{border:1px solid #9accde;padding:20px;background-color:#fdfaf2;line-height:1.5;}
#container .conts .text02 > strong{display:block}
#container .conts .text02:nth-child(2){margin-top:20px}

/*#footer{height:40px;background-color:#ddd;}*/

@media screen and (min-width:360px) {
    #container .conts .text_title {height:30px;padding-left:10px;padding-top:10px;font-size:22px;font-weight:bold;}
}

@media screen and (min-width:568px) {
    #header{width:100%;height:93px;background-color:#06a7e2}
    #header .topNav{float:right;margin-right:20px}
    #header .topNav .lanSelect{margin-top:31px;}
    #header .topNav .lanSelect > span{padding-right:10px;padding-bottom:0;font-size:14px;color:#fff;display:inline;vertical-align:middle}
    
    #container{clear:both;width:92%;margin:70px auto 50px;}
    #container .conts .logoImg{width:79px;}
    #container .conts .text01{margin:40px 0 20px;font-size:22px;}
    #container .conts .text_title {height:50px;padding-left:15px;padding-top:15px;font-size:30px;font-weight:bold;}
    #container .conts .text02{font-size:20px;background:url(./img/attr_blue.png) 0 12px no-repeat; padding-left:10px;}
    #container .conts .textbox{border:1px solid #9accde;padding:50px;background-color:#fdfaf2;line-height:1.5;}
    #container .conts .text02 > strong{display:block}
    #container .conts .text02:nth-child(2){margin-top:20px}
   
}

@media screen and (min-width:768px) { /* 768 */
    
    #container .conts .text02{font-size:20px;background:url(./img/attr_blue.png) 0 22px no-repeat; padding-left:10px;}
    #container .conts .textbox{border:1px solid #9accde;padding:50px;background-color:#fdfaf2;line-height:2.5;}
    #container .conts .text02 > strong{display:inline}
    #container .conts .text02:nth-child(2){margin-top:0}
    
}

@media screen and (min-width:1250px) {
    #container .conts{overflow:hidden;min-height:500px;background:url(./img/bg_2019.png) 98% top no-repeat;}

}