@charset "utf-8";

/* reset */
body,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,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}
input::-ms-clear{display:none}
button{border:0 none;background-color:transparent;cursor:pointer}
body{background:#fff}
body,th,td,input,select,textarea,button{font-size:12px;line-height:1.5;font-weight:400;font-family:Noto Sans Regular, AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;color:#333}
a{color:#1a1a1a;text-decoration:none}
a:active, a:hover{text-decoration:underline}
a:active{background-color:transparent}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0;}
body{-webkit-text-size-adjust:none}
fieldset{min-width:auto}

/* global */
.ir_pm{display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}

/* skip navigation */
#chwIndex{overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}

/* common */
.logo_chw{display:block;overflow:hidden;font-size:0;line-height:0;background-repeat:no-repeat;background-size:cover;text-indent:-9999px}
.ico_chw{display:block;overflow:hidden;font-size:0;line-height:0px;background:url(../images/ico_chw.png) no-repeat;text-indent:-9999px}
.chw_wrap{min-width:1200px;width:100%}
.thumb_g{display:block;width:100%}
.w100p {width:100% !important}

/* header */
.chw_header{width:1200px;margin:0 auto}
.chw_header .logo_chw{width:176px;height:67px;background-image:url(../images/logo_header.png)}
.chw_header h1{float:left}

.chw_header .inner_header{padding:23px 0 21px}
.chw_header .inner_header:after{display:block;clear:both;content:''}
.chw_header .list_gnb{float:right;padding:20px 0 0}
.list_gnb > li{float:left;position:relative;margin:0 0 0 30px}
.list_gnb > li:first-child{margin-left:0}
.list_gnb .link_gnb{font-size:20px;text-decoration:none}
.list_gnb .link_gnb:hover{color:#00a1e9}
.list_gnb .list_sub{display:none;position:absolute;top:50px;left:-20px;z-index:1;padding:10px 0;border-radius:4px;box-shadow:1px 2px 8px 0px rgba(0,0,0,.3);background-color:#fff}
.list_gnb .list_sub .link_sub{display:block;padding:8px 20px;font-size:14px;white-space:nowrap}
.list_gnb .list_sub .link_sub:hover{font-weight:bold;color:#00a1e9;text-decoration:none}


/* Yoon 20191014 */
.ChwWrap{min-width:1200px;width:100%;border-bottom:1px solid #1c3e61; height:69px }

.ChwHeader{width:1200px;margin:0 auto; position:relative}
.ChwHeader h1{float:left}
.ChwHeader .GnbMenu {padding-top:10px}
.ChwHeader .GnbMenu:after{display:block;clear:both;content:''}
.ChwHeader .GnbMenu h1 a {display:block;overflow:hidden;font-size:0;line-height:0px;background:url(../images/logo_header.png) no-repeat; background-size:130px;width:130px;height:50px;}
.GnbM { float:left}
.GnbM > li {float:left;position:relative;margin-top:10px; width:160px; text-align:center;height:42px;}
.GnbM > li:first-child { margin-left:64px}
.GnbM a {font-size:20px; text-decoration:none;padding:0px 40px 0 40px; border-bottom:4px solid #fff;height:45px !important; display:block }
.GnbM a:hover, .GnbM a.On {color:#00a1e9; border-bottom:4px solid #1c3e61;}
.GnbR {float:right; height:25px; padding:7px 10px 5px; border-radius:50px; background-color:#1c3e61; margin-top:8px }
.GnbR li { float:left; background:url(../images/DotLine.png) no-repeat center  right ; padding:0 15px}
.GnbR li a {font-size:15px; color:#fff; }
.GnbR li a:hover {text-decoration: none; color:#00f6ff}
.GnbR li:last-child {  background:none}


.GnbS {min-width:1200px; width:100%;border-bottom:1px solid #c5cad0; background-color:#f0f3f8; position: absolute; z-index:1000; top:70px; }
.GnbSMeun {width:1200px; margin:0 auto; position:relative;}
.GnbSMeun ul:nth-child(1) { margin-left:194px;}
.GnbSMeun ul {float:left; text-align:center; margin:10px 0 15px 0; font-size:16px; display:inline-block; width:160px}
.GnbSMeun a {text-decoration:none;display:block;padding-top:5px;white-space:normal;font-weight:500}
.GnbSMeun a:hover {;color:#00a1e9;}


.NDepth {width:100%; border-bottom:1px solid #c5cad0; background-color:#f0f3f8;  display:block; height:45px}
.NDepth .DepthBox {width:1200px; margin:0 auto; position:relative;letter-spacing:-1px }
.NDepth .DepthBox li.Home {background:#547291; height:46px; width:46px;  padding:0px;border-right:0px !important}
.NDepth .DepthBox li.Home a {height:46px; width:46px; display:block;background: url(../images/IcoHome.png) no-repeat center center !important;}
.NDepth .DepthBox li.Home a span {display:none }
.NDepth .DepthBox li {border-right:1px solid #c5cad0;  padding:0 30px 0 30px;  position:relative; float:left; height:45px; font-family:'noto';}
.NDepth .DepthBox li:nth-child(3)> a { width:150px;}
.NDepth .DepthBox li:nth-child(4)> a { width:150px;}
.NDepth .DepthBox li.up {background:#dadfe8;}
.NDepth .DepthBox li> a {display:block; color:#555555; font-size:17px;  line-height:45px; text-decoration:none; width:130px; background-image:none !important}

.NDepth .DepthBox li> a span {float:right; width:10px; height:20px; margin-top:20px; display:block;overflow:hidden; line-height:0px;background:url(../images/ico_chw.png) no-repeat right center; background-position: 0 -30px !important; text-indent:-9999px;}

.NDepth .DepthBox li.up> a span {float:right; width:10px; height:20px; margin-top:20px; display:block;overflow:hidden ; line-height:0px;background:url(../images/ico_chw.png) no-repeat right center; background-position: -10px -30px !important;text-indent:-9999px}


.NDepth .DepthBox li> ul { position:absolute; top:47px; left:0px; width:100%;  border-top:none; z-index:5;}
.NDepth .DepthBox li> ul li {background:#dadfe8; float:none; border:0px !important; padding:0 !important; box-sizing:padding-box;width:100% !important; padding:0px !important }
.NDepth .DepthBox li> ul li a {display:block; padding-left:30px; font-size:17px; line-height:45px; font-family:'noto';box-sizing:border-box;width:100% !important; color:#555555; }
.NDepth .DepthBox li> ul li a:hover {background:#082351; color:#FFF; font-weight:500 }

/* footer */
.chw_footer{background-color:#5e5e5e}
.chw_footer .logo_chw{width:162px;height:60px;background-image:url(../images/logo_footer.png)}
.chw_footer .inner_footer{width:1200px;margin:0 auto;padding:30px 0;}
.chw_footer .inner_footer:after{display:block;clear:both;content:''}
.chw_footer h1{float:left}
.chw_footer .info_company{float:left;padding:0 0 0 60px;font-size:15px;color:#c1bcbc}
.chw_footer .opt_chw{float:right}
.chw_footer .opt_chw .list_opt{top:inherit;bottom:50px;border-bottom:1px solid #f0f0f0}
.chw_footer .opt_chw .ico_arrow{background-position:-10px -30px}
.chw_footer .opt_chw.opt_open .ico_arrow{background-position:0 -30px}



.FloR {float:right; margin-top:5px}
.FloR button {display:block;width:120px;height:35px;font-weight:500;font-size:14px;line-height:35px; text-align:center;background-color:#818f95; color:#fff}
.FloR button:hover{text-decoration:none;background-color:#33b4ed;}