
/* 공통 */
* {margin:0px; padding:0px; font-family:'NanumBarunGothic', '나눔바른고딕',verdana; COLOR:#888; line-height:145%;letter-spacing:0.2px;}
ul,ol,li{list-style:none outside}
img { border:0px;}

.blind {position:absolute; left:-8000px}
.blind2 {position:absolute; left:-8000px; display:none;}
#skip-navi {position:absolute; left:-8000px}

/* MOBIL vision */
@media (max-width: 700px) {
html, body {margin:0; padding:0; border:0; vertical-align:top; color:#666;}
}

/* PC vision */
@media (min-width: 701px) {
html, body {margin:0; padding:0; border:0; vertical-align:top; color:#666;}
}


/** 제품 **/
.goods-list {width:auto}
.goods-list:after {clear:both; display:block; content:"";}
.goods-list li {padding-bottom:20px; float:left; width:33%}



/**** 리스트 페이지링크 ****/
#list-pagelink {position:relative; margin:25px 0 20px 0; padding-bottom:10px; width:100%; border:0px solid #FF0000; text-align:center; overflow:hidden;}
#list-pagelink span {margin:0px 1px; padding:0.4em 0.8em; color:#fff; font-weight:bold; font-size:1.1em; border:1px solid #666; line-height:1.5; vertical-align:middle; outline:0px none;  display:inline-block; background-color:#666}
#list-pagelink a {margin:0px 1px;  padding:0.4em 0.8em; line-height:1.5; font-size:1.1em; border:1px solid #ccc; line-height:1.5; vertical-align:middle; outline:0px none;  display:inline-block}
#list-pagelink a.ar {letter-spacing:-0.2em}

.org {color:#f05757;}

/*//////////////////////////////////////// PC vision ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 701px) {
#wrap {	margin:0 auto; 	position:relative;	width:100%; min-width:1320px; border:0px solid #F00;}
#m_category {display: none;}

#hd_ar {position:relative; width:100%; margin:0px auto; height:120px; border:0px solid #f00; z-index:333;}
#hd_ar #top_ar {position:relative; width:100%; margin:0px auto; height:25px; background:url(../img/top_bg.jpg) top center no-repeat; border:0px solid #f00; overflow:hidden;}
#hd_ar #top_ar ul {position:relative; width:1200px; margin:0px auto; border:0px solid #f00; overflow:hidden;}
#hd_ar #top_ar ul li {float:right; line-height:25px; width:110px;}
#hd_ar #top_ar ul li a:link {color:#fff;font-size:13px;}
#hd_ar #top_ar ul li a:hover {color:#ffcc33;font-size:13px;}
#hd_ar #menu_ar {position:relative; width:1200px; height:95px; margin:0px auto; border:0px solid #f00; z-index:333;}
#hd_ar #menu_ar h1 {position:absolute; top:22px; left:0px;}
#hd_ar #menu_ar #topmenu{position:relative; float:right; top:40px; width:700px; height:70px; z-index:333; border:0px solid #F00;}
#hd_ar #menu_ar #topmenu .tMenu {position:relative; width:700px; height:70px; z-index:4; border:0px solid #F00;}
#hd_ar #menu_ar #topmenu .tMenu #lmenu {width:700px; margin:0 auto; border:0px solid #f00}
#hd_ar #menu_ar #topmenu .tMenu #lmenu:after {clear:both; display:block; content:"";}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li {float:left; border:0px solid #00f; position:relative;color:#fff; width:175px; height: 70px; cursor: pointer;}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li a{color:#333;font-size:18px;}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li.s1 {}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li.s2 {}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li.s3 {}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li.s4 {}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li.s5 {}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li ul {position:absolute; background-color:#fff; width:220px; overflow:hidden; left:-15px; top:60px; border:0px solid #F00; opacity:.80; filter:alpha(opacity=80);}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li ul li {clear:both; padding-left:20px; margin-top:12px;width:220px; border-bottom:1px solid #f1f1f1;height:26px;font-size:14px;color:#333;}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li ul {display: none;}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li ul li.last {padding-bottom:40px;}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li ul li a:link {color:#333;font-size:13px;}
#hd_ar #menu_ar #topmenu .tMenu #lmenu li ul li a:hover {color:#048d64;font-size:13px;}

#hd_ar #m_top{display:none;}


#mainimg {position:relative; width:100%; height:860px;	z-index:1;	border:0px solid #F00;}
#mainimg .wrapper {height:860px}
#mainimg .mvimg {width:100%; height:860px;  background-repeat:no-repeat; background-position:50% 0px; border:0px solid #f00}
#mainimg #img1 {background-image:url(/kor/img/main/mainimg5.jpg);}
#mainimg #img2 {background-image:url(/kor/img/main/mainimg1.jpg);}
#mainimg #img3 {background-image:url(/kor/img/main/mainimg2.jpg);}
#mainimg #img4 {background-image:url(/kor/img/main/mainimg3.jpg);}
#mainimg #img5 {background-image:url(/kor/img/main/mainimg4.jpg);}
#mainimg #arrow-box {z-index:1000; border:0px solid #f00; position:relative; width:1200px; margin:0 auto; height:500px}

#m_mc {display:none}

#main_container {position:absolute; width:900px; height:360px; top:560px; left:50%; margin-left:-540px; z-index:5;}
#main_container li {float:left; font-size:0px;}

#mc_m {display:none}

/* 공통 카피라이트 */
#copyright {position:relative;	width:100%;	height:150px; z-index:100; border-top:1px solid #ddd;}
#copyright ul {position:relative; width:1200px; margin:0px auto; padding-top:35px; border:0px solid #f00; overflow:hidden;}
#copyright ul li {float:left; color:#777;}

#mcopy {display:none;}

/* 서브 */
#sv01 {position:relative; width:100%; margin:0px auto; height:250px; background:url(../img/sv05.jpg) top center no-repeat;}
#sv02 {position:relative; width:100%; margin:0px auto; height:250px; background:url(./img/sv02.jpg) top center no-repeat;}
#sv03 {position:relative; width:100%; margin:0px auto; height:250px; background:url(./img/sv03.jpg) top center no-repeat;}
#sv04 {position:relative; width:100%; margin:0px auto; height:250px; background:url(./img/sv04.jpg) top center no-repeat;}
#sv05 {position:relative; width:100%; margin:0px auto; height:250px; background:url(./img/sv01.jpg) top center no-repeat;}

#msv {display:none;}

#container {position:relative; width:1200px; margin:0px auto; padding:30px 0px 45px 0px; border:0px solid #f00; overflow:hidden;}
#container #left_ar {float:left; width:930px; padding-right:50px; border:0px solid #f00; overflow:hidden;}
#container #left_ar #tit_ar {position:relative; height:50px; padding:10px 0px 15px 0px; border-bottom:1px solid #aaa; }
#container #left_ar #tit_ar #tit_txt {float:left; font-size:34px; color:#222; font-family:"ntk", sans-Serif;}
#container #left_ar #tit_ar #mb_promenu {display:none;}
#container #left_ar #contents {position:relative; min-height:400px; padding-top:35px; border:0px solid #f00; overflow:hidden; font-family:"NanumGothic", "ntk"}

#hj_map li {float:left;}
.add_tit {font-weight:bold; width:288px; color:#333; font-size:18px; padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:10px;}
.add_stit {font-weight:bold; width:288px; font-size:14px; color:#0a4ba5; padding-bottom:8px; padding-top:20px;}

#hj_map_mb {display:none;}

#tbb_st01 {border-top:2px solid #515456;}
#tbb_st01 th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f9f9f9; padding:12px 20px; text-align:right; color:#333;}
#tbb_st01 td {border-right:0px solid #ddd; border-bottom:1px solid #ddd; padding:12px 20px;}
.ipt_st01 {border:1px solid #eee; padding:5px; height:20px;}
.p_btn_st01 {text-align:center; padding-top:40px;}

.pro_list {float:left; width:300px; padding-right:10px; margin-bottom:25px; border:0px solid #f00; overflow:hidden;}
.pro_img {width:298px; height:298px; border:1px solid #ddd;}
.pro_tit {width:298px; height:25px; padding:10px 0px 10px 0px; text-align:center; font-weight:bold; font-size:16px; background-color:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tit00 {color:#222;}

.pro_box {width:auto;}
.pro_box:after {clear:both; display:block; content:"";}
#pro_det_img {float:left; width:468px; margin-right:35px;}
#pro_det_img .thum_ul {width:468px; margin-top: 10px; height:100px;}
#pro_det_img .thum_ul:after {clear:both; display:block; content:"";}
#pro_det_img .thum_ul li {float: left; width: 88px; margin-right: 2px; text-align: center;}
#pro_det_img .thum_ul li img {width:80px; height:80px; border: 1px solid #ddd; cursor:pointer;}
#pro_det_text {float:left; width:425px; border:0px solid #f00; overflow:hidden;}
#pro_det_text #pro_det_tit {position:relative; padding-bottom:20px; border-bottom:0px solid #4877bb; border:0px solid #f00; overflow:hidden;}
#pro_det_text #pro_det_tit li {padding-bottom:5px; line-height:150%;}
.tit01 {font-weight:600; color:#17478a; font-size:30px;}
.tit02 {font-weight:400; color:#222; font-size:16px;}
.tit03 {color:#888; font-size:14px;}
#pro_det_text #pro_det_spec {position:relative;border:0px solid #f00; overflow:hidden;}
#pro_det_text #pro_det_btn {position:relative; padding-top:30px; border:0px solid #f00; overflow:hidden;}
#pro_det_text #pro_det_btn li {float:left;}
.pad_r15 {padding-right:15px;}

.cont_tit {color:#3b3b3b; font-size:28px; font-family:"ntk", sans-Serif; line-height:120%;}
.cont_txt {border-radius:3px; border:1px solid #ddd; background-color:#fbfbfb; padding:30px; width:868px; margin-top:20px; margin-bottom:35px;}

#tbb_pap {border-top:1px solid #aaa; border-left:1px solid #ddd;}
#tbb_pap th {padding:15px 50px; color:#20559e; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#tbb_pap th.mdd {padding:15px; color:#20559e; font-weight:bold; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#tbb_pap td {padding:10px; text-align:center; color:#333; font-weight:bold; background-color:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#tbb_pap td.mdd {padding:10px; text-align:left; color:#515456; font-weight:normal; background-color:#fbfbfb; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

#tbb_pap02 {border-top:1px solid #aaa;}
#tbb_pap02 th {font-weight:bold; color:#333; vertical-align:top; color:#20559e; border-right:1px dashed #ddd; text-align:left; padding:10px 15px; border-bottom:1px dashed #ddd;}
#tbb_pap02 td {padding:10px 20px; border-bottom:1px dashed #ddd;}

#tbb_st02 {border-top:1px solid #777;border-right:1px solid #eee;}
#tbb_st02 th {border-left:1px solid #eee; border-bottom:1px solid #eee; font-weight:bold; color:#444; font-size:14px; text-align:left; padding:10px; background-color:#fbfbfb; vertical-align:top;}
#tbb_st02 td {border-left:1px solid #eee; border-bottom:1px solid #eee; text-align:left; padding:10px; vertical-align:top;}
#tbb_st02 th.mdd {border-left:1px solid #eee; border-bottom:0px solid #eee; font-weight:bold; color:#444; font-size:14px; text-align:left; padding:10px; background-color:#fbfbfb; vertical-align:top;}
#tbb_st02 td.mdd {border-left:1px solid #eee; border-bottom:0px solid #eee; text-align:left; padding:10px; vertical-align:top;}

#tbb_this th {padding:0px; vertical-align:top;}
#tbb_this td {padding:0px 0px 20px 35px; vertical-align:top;}

#ceo_mb {display:none;}

.txt_st01 {font-weight:bold; color:#3b9835; font-size:18px; padding-bottom:10px;}
.txt_st02 {color:#515456; font-size:13px; padding-bottom:5px;}
.txt_st03 {font-weight:bold; color:#094aa4; font-size:16px; padding-bottom:12px;}
.txt_st04 {font-weight:bold; color:#222; font-size:17px; padding-bottom:10px;}
.txt_pt {font-weight:bold; color:#333;}

.ull_left {position:relative; width:100%; margin:0px auto; overflow:hidden;}
.ull_left li {float:left;}
.ull_left li.left_pic {float:left; width:360px; text-align:left; padding-top:15px;}
.ull_left li.right_tbb {float:left; width:490px; padding-top:100px;}
.ull_left li.right_tbb02 {float:left; width:490px; padding-top:0px;}

.ull_nsst {position:relative; width:100%; margin:0px auto; overflow:hidden;}
.ull_nsst li {position:relative; width:100%; margin:0px auto; overflow:hidden;}

#tbb_this02 {border-top:2px solid #47ca86;}
#tbb_this02 th {font-weight:bold; color:#333; text-align:left; padding:10px 15px; border-bottom:1px dashed #ddd; border-right:0px solid #ddd;}
#tbb_this02 td {padding:10px; border-bottom:1px dashed #ddd;}

#tbb_this04 {border-top:2px solid #1053b0;}
#tbb_this04 th {font-weight:bold; color:#333; text-align:left; padding:10px 15px; border-bottom:1px dashed #ddd; border-right:0px solid #ddd;}
#tbb_this04 td {padding:10px 15px; border-bottom:1px dashed #ddd;}

#contab02 td.onst {padding:12px 10px; text-align:center; font-size:13px; font-weight:bold; background-color:#00bc5b;}
#contab02 td.onst a {color:#fff;}
#contab02 td {padding:12px 10px; text-align:center; font-size:13px; font-weight:bold; background-color:#ebebeb;}
#contab02 td a {color:#999999;}
#contab02 td.noneff {padding:0px; background-color:#fbfbfb;}

.rnd_mb {display:none;}

.people {width:820px; height:420px; padding-left:50px; padding-top:50px; background:url(../img/people_bg.jpg) top center no-repeat;}

#container #right_ar {float:left; width:220px; padding-bottom:20px; border:0px solid #f00; overflow:hidden;}
#container #right_ar #right_menu p {background:url(../img/right_menu_bg.jpg) top center no-repeat; width:220p; height:58px; padding-top:17px; font-weight:normal; color:#fff; text-align:center; font-size:26px;}
#container #right_ar #right_menu li {height:50px; border:0px solid #F00;background-image:url(../img/left_menu.jpg);}
#container #right_ar #right_menu li a:link {display:block; text-align:right; padding-top:18px; height:32px; padding-right:10px; font-size:13px; font-weight:bold; background-image:url(../img/left_menu.jpg); color:#666;}
#container #right_ar #right_menu li a:hover {display:block; text-align:right; padding-top:18px; color:#111; height:32px; padding-right:10px; font-size:13px; font-weight:bold; background-image:url(../img/left_menu_on.jpg);}
#container #right_ar #right_menu #leftOver { width:220px; text-align:right; height:50px; background-image:url('../img/left_menu_on.jpg'); font-size:13px; padding-right:10px; font-weight:bold; color:#111;	border:0px solid #F00;}
#container #right_ar #right_menu #leftOver3 { width:210px; letter-spacing:-0.2px; text-align:right; height:40px; background-image:url('/kor/img/sub/left_menu_on3.jpg'); font-size:12px; padding-right:10px; font-weight:normal; color:#333;	border:0px solid #F00;}
#container #right_ar #right_menu li.right_ms {height:40px; border:0px solid #F00;}
/*
#container #right_ar #right_menu li.right_ms a:link {display:block; letter-spacing:-0.2px; text-align:right; padding-top:10px; height:30px; padding-right:20px; font-size:12px; font-weight:normal; background-image:url(../img/left_menu3.jpg); color:#777;}
#container #right_ar #right_menu li.right_ms a:hover {display:block; letter-spacing:-0.2px; text-align:right; padding-top:10px; color:#333; height:30px; padding-right:20px; font-size:12px; font-weight:normal; background-image:url(../img/left_menu_on3.jpg);}
*/
}


/*//////////////////////////////////////// MOBIL vision ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 700px) {
#wrap {	margin:0 auto; 	position:relative;	width:100%; min-width:360px; border:0px solid #F00;}
#smenu li a img {width: 50%;}

#hd_ar {position:relative; width:100%; height:70px; z-index:101; border-bottom:0px solid #F00; background-color:#fff;}
#hd_ar h1 {position:absolute; top:15px; left:10px; }
#hd_ar h1 img {width:80%;}
#hd_ar #top_ar {display:none;}
#hd_ar #topmenu {display:none;}
#hd_ar #m_top {position:absolute; top:13px; right:10px;}
#hd_ar #m_top li {float:right; position:relative}
#hd_ar #m_top li .language-btn {cursor:pointer}
#hd_ar #m_top li .language-list {display:none; position:absolute; width:100px; border:0px solid #666; top:40px; background-color:#666; padding:5px}
#hd_ar #m_top li .language-list li {float:none}
#hd_ar #m_top li .language-list li a {color:#fff}

#m_category {width: 45%; height: 100%; background-color: #444; position: absolute; z-index: 999999; left: -45%;}
#m_category .close_box {position: absolute; height: 30px; width: 100%;text-align: right;}
#m_category #sitemap_m {position:absolute;width:100%; z-index:1000;font-size:17px;}
#m_category #sitemap_m .left_lmenu{background-color:#333;}
#m_category #sitemap_m .left_lmenu li{color:#fff; font-size:17px;border-top:1px solid #444; border-bottom:1px solid #444;background-image:url("../img/bulet_arrow.png"); border-top:0px; background-repeat:no-repeat; background-position:125px 50%;}
#m_category #sitemap_m .left_lmenu li .bd{ padding:10px 0px; color:#fff;padding-left:15px;}
#m_category #sitemap_m .left_lmenu li a{display:block;padding:10px 0px;}
#m_category #sitemap_m .left_lmenu .sm a{color:#aaa;font-size:15px; padding:8px 0px 2px 15px;background-color:#444;}

#main_container {display:none;}
#mainimg {display:none;}

#mainimg_m {position:relative; width:100%; font-size:0px; }

#mc_m {position:relative; background-color:#000;  height:auto;}
.pad_s15 {padding:0px 20px;}
.mmb_tb {padding:30px 20px;}
#mtbst01 th {text-align:left; padding:7px 0px; font-weight:bold; color:#a4a3a3; font-size:16px; background:url(/kor/img/main/mpt01.jpg) top left no-repeat;}
#mtbst01 th a {font-weight:bold; color:#a4a3a3; font-size:16px;}
#mtbst01 td {text-align:left; padding:5px 0px 5px 8px; font-weight:bold; font-size:13px; color:#fff; background:url(/kor/img/main/mpt02.png) top left no-repeat;}
#mtbst01 td a {font-weight:bold; font-size:13px; color:#fff;}
#mtbst01 td.edd {text-align:left; padding:5px 0px 5px 8px; font-weight:bold; font-size:13px; color:#fff; background:url() top left no-repeat;}

/**sub**/
#msv {position:relative; width:100%; margin:0px auto;}
#msv img {width:100%;}

#container {position:relative; width:100%; margin:0px auto; padding:15px 10px 45px 10px; box-sizing: border-box; border:0px solid #f00; overflow:hidden;}
#container #left_ar {float:left; width:100%; padding:; border:0px solid #f00; overflow:hidden;}
#container #left_ar #tit_ar {position:relative; height:40px; padding:10px 0px 5px 0px; border-bottom:1px solid #aaa; }
#container #left_ar #tit_ar #tit_txt {float:left; font-size:20px; color:#222; font-family:"ntk", sans-Serif;}
#container #left_ar #tit_ar #mb_promenu {position:absolute; right:0px; top:10px;}
#container #left_ar #contents {position:relative; min-height:400px; padding-top:35px; border:0px solid #f00; overflow:hidden; font-family:"NanumGothic", "ntk"}

#hj_map li {display:none;}

#hj_map_mb li {position:relative;}
.add_tit {font-weight:bold; width:288px; color:#333; font-size:18px; padding-bottom:15px; border-bottom:1px solid #eee; margin-bottom:10px;}
.add_stit {font-weight:bold; width:288px; font-size:14px; color:#0a4ba5; padding-bottom:8px; padding-top:20px;}

#tbb_st01 {border-top:2px solid #515456;}
#tbb_st01 th {border-right:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#f9f9f9; padding:10px; text-align:right; color:#333;}
#tbb_st01 td {border-right:0px solid #ddd; border-bottom:1px solid #ddd; padding:10px;}
.ipt_st01 {border:1px solid #eee; padding:5px; height:20px;}
.p_btn_st01 {text-align:center; padding-top:40px;}

.pro_list {float:left; width:300px; padding-right:10px; margin-bottom:25px; border:0px solid #f00; overflow:hidden;}
.pro_img {width:298px; height:298px; border:1px solid #ddd;}
.pro_tit {width:298px; height:25px; padding:10px 0px 10px 0px; text-align:center; font-weight:bold; font-size:16px; background-color:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.tit00 {color:#222;}

.pro_box {width:auto; position:relative;}
.pro_box:after {clear:both; display:block; content:"";}
#pro_det_img {position:relative; width:auto; padding-top:80px;}
#pro_det_img #p_det_img_box {position:relative; width:100%; padding:20px; box-sizing: border-box; text-align:center; border:1px solid #ddd;}
#pro_det_img .thum_ul {width:100%; margin-top: 10px; height:100px;}
#pro_det_img .thum_ul:after {clear:both; display:block; content:"";}
#pro_det_img .thum_ul li {float: left; width: 68px; margin-right: 2px; text-align: center;}
#pro_det_img .thum_ul li img {width:60px; height:60px; border: 1px solid #ddd; cursor:pointer;}
#pro_det_text {width:auto; border:0px solid #f00;}
#pro_det_text #pro_det_tit {position:absolute; padding-bottom:10px; width:100%; left:0px; top:0px; border-bottom:0px solid #4877bb; border:0px solid #f00;}
#pro_det_text #pro_det_tit li {padding-bottom:5px; line-height:130%;}
.tit01 {font-weight:600; color:#17478a; font-size:20px;}
.tit02 {font-weight:400; color:#222; font-size:14px;}
.tit03 {color:#888; font-size:14px;}
#pro_det_text #pro_det_spec {position:relative;border:0px solid #f00; overflow:hidden;}
#pro_det_text #pro_det_btn {position:relative; margin:0px auto; width:325px; padding-top:20px; border:0px solid #f00; overflow:hidden;}
#pro_det_text #pro_det_btn li {float:left; border:0px solid #f00; box-sizing: border-box;}
#pro_det_text #pro_det_btn li img {width:160px;}
.pad_r15 {padding-right:5px;}


#tbb_st02 {border-top:1px solid #777;border-right:1px solid #eee; box-sizing: border-box;}
#tbb_st02 th {border-left:1px solid #eee; border-bottom:1px solid #eee; font-weight:bold; color:#444; font-size:13px; text-align:left; padding:10px; background-color:#fbfbfb; vertical-align:top;}
#tbb_st02 td {border-left:1px solid #eee; border-bottom:1px solid #eee; text-align:left; padding:10px; vertical-align:top;}
#tbb_st02 th.mdd {border-left:1px solid #eee; border-bottom:0px solid #eee; font-weight:bold; color:#444; font-size:13px; text-align:left; padding:10px; background-color:#fbfbfb; vertical-align:top;}
#tbb_st02 td.mdd {border-left:1px solid #eee; border-bottom:0px solid #eee; text-align:left; padding:10px; vertical-align:top;}

.cont_tit {color:#3b3b3b; font-size:16px; font-weight:bold; font-family:"ntk", sans-Serif; line-height:120%;}
.cont_txt {border-radius:3px; border:1px solid #ddd; background-color:#fbfbfb; padding:15px; box-sizing: border-box; width:100%; margin-top:15px; margin-bottom:25px;}

#contab02 td.onst {padding:5px; text-align:center; font-size:13px; font-weight:bold; background-color:#00bc5b; vertical-align:middle;}
#contab02 td.onst a {color:#fff;}
#contab02 td {padding:5px; text-align:center; font-size:13px; font-weight:bold; background-color:#ebebeb; vertical-align:middle;}
#contab02 td a {color:#999999;}
#contab02 td.noneff {padding:0px; background-color:#fbfbfb;}

#tbb_this02 {border-top:2px solid #47ca86;}
#tbb_this02 th {font-weight:bold; color:#333; text-align:left; padding:5px; border-bottom:1px dashed #ddd; border-right:0px solid #ddd;}
#tbb_this02 td {padding:5px; border-bottom:1px dashed #ddd;}

#tbb_this04 {border-top:2px solid #1053b0;}
#tbb_this04 th {font-weight:bold; color:#333; text-align:left; padding:5px; border-bottom:1px dashed #ddd; border-right:0px solid #ddd;}
#tbb_this04 td {padding:5px 0px 5px 10px; border-bottom:1px dashed #ddd;}

.ull_left {position:relative; width:100%; margin:0px auto; overflow:hidden;}
.ull_left li {position:relative;}
.ull_left li.left_pic {position:relative;}
.ull_left li.right_tbb {position:relative; padding-top:10px;}
.ull_left li.right_tbb02 {position:relative; padding-top:10px;}

.rnd_pc {display:none;}
#tbb_this {display:none;}

#ceo_mb li {position:relative;}

.txt_st01 {font-weight:bold; color:#3b9835; font-size:15px; padding-bottom:10px;}
.txt_st02 {color:#515456; font-size:12px; padding-bottom:5px;}
.txt_st03 {font-weight:bold; color:#094aa4; font-size:14px; padding-bottom:12px;}
.txt_st04 {font-weight:bold; color:#222; font-size:17px; padding-bottom:10px;}
.txt_pt {font-weight:bold; color:#333;}

#tbb_pap {border-top:1px solid #aaa; border-left:1px solid #ddd;}
#tbb_pap th {padding:10px 5px; text-align:center; color:#20559e; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#tbb_pap th.mdd {padding:15px; color:#20559e; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#tbb_pap td {padding:10px; text-align:center; color:#333; font-weight:bold; background-color:#f5f5f5; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#tbb_pap td.mdd {padding:10px; text-align:left; color:#515456; font-weight:normal; background-color:none; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}

#tbb_pap02 {border-top:1px solid #aaa;}
#tbb_pap02 th {font-weight:bold; color:#333; vertical-align:top; color:#20559e; border-right:1px dashed #ddd; text-align:left; padding:10px 15px; border-bottom:1px dashed #ddd;}
#tbb_pap02 td {padding:10px; border-bottom:1px dashed #ddd;}

#container #right_ar {display:none;}

/**카피라이트**/
#copyright {display:none;}
#mcopy {padding:18px 10px; color:#aaa; background-color:#3b3b3b; text-align:center; font-size:11px;}
#mcopy a {color:#aaa;}


/** 제품 **/
.goods-list {width:100%}
.goods-list li {float:none; width:100%}


#bbs-wrap #bbs-list2 .blist-title {display:none}
#bbs-wrap #bbs-list2 .blist-list {line-height:100%}
#bbs-wrap #bbs-list2 .blist-list .bbs-subject {margin-right:0px}
#bbs-wrap #bbs-list2 .blist-list .bbs-subject a {font-weight:bold; font-size:1.1em; border:0px solid #f00}
#bbs-wrap #bbs-list2 .blist-list .bbs-etc {position:relative; margin-left:53px; border:0px solid #f00; top:0px; padding-top:5px;}
#bbs-wrap #bbs-list2 .blist-list .bbs-etc * {text-align:left; }
#bbs-wrap #bbs-list2 .blist-list .bbs-etc .bbs-name {width:auto;}
#bbs-wrap #bbs-list2 .blist-list .bbs-etc .bbs-date {width:auto; padding-left:40px}
#bbs-wrap #bbs-list2 .blist-list .bbs-etc .bbs-hit {width:auto; padding-left:40px; display:none;}
}


/*********************************************************************************************************************/

/*****************************************************/



/* Table Style */
table.table{border-collapse:collapse;  border-spacing:0; width:100%; table-layout:fixed; }
table.table td img{vertical-align:middle;}
table.table	caption { display:none; }
fieldset { border:0; }
legend  { display:none; }
input, select{ vertical-align:middle; }

strong,b,h1,h2,h3,h4,h5,h6	{font-family: "Noto Sans Korean", sans-serif; color:inherit; line-height:inherit; font-size:inherit;  }

/* tag all font-size set */

a,em,span { color:inherit;  font-family:inherit; font-size:inherit; line-height: inherit; }

/* From Style */
textarea{padding:5px; border: solid 1px #e0e0e0; background-color:#fff;}
input{vertical-align:middle; }
input.txt,
input.text,
input.it	{height: 23px; line-height:23px; border: solid 1px #bdbdbd; background-color:#fff;}
input.chk	{}
input.radio	{}
input[type=text],
input[type=password],
input[type=submit],
input[type=button],
input[type=search]{
-webkit-border-radius:0;
-webkit-appearance:none;
}

caption{display:none;}
legend{position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite{font-style:normal;}
fieldset{border:0; padding:0; }
label{cursor:pointer;}

/* easing */
.e-i2{-webkit-transition:all .2s ease-in;
-moz-transition:all .2s ease-in;
-o-transition:all .2s ease-in;
transition:all .2s ease-in;}
.e-i3{-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
transition:all .3s ease-in;}
.e-o2{-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;}
.e-o3{-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;}
.e-c3{
-webkit-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
-moz-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
-o-transition:all .3s cubic-bezier(.96, .04, .10, 1.01);
transition:all .3s cubic-bezier(.96, .04, .10, 1.01);}

 /* Margin Set */
.ml5	{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}
.ml55	{margin-left:55px;}
.ml60	{margin-left:60px;}
.ml65	{margin-left:65px;}
.ml70	{margin-left:70px;}
.ml75	{margin-left:75px;}
.ml80	{margin-left:80px;}
.ml85	{margin-left:85px;}
.ml90	{margin-left:90px;}
.ml95	{margin-left:95px;}
.ml100{margin-left:100px;}
.ml105{margin-left:105px;}

.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr35	{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50	{margin-right:50px;}
.mr55	{margin-right:55px;}
.mr60	{margin-right:60px;}
.mr65	{margin-right:65px;}
.mr70	{margin-right:70px;}
.mr75	{margin-right:75px;}
.mr80	{margin-right:80px;}
.mr85	{margin-right:85px;}
.mr90	{margin-right:90px;}
.mr95	{margin-right:95px;}
.mr100	{margin-right:100px;}
.mr105	{margin-right:105px;}

.mt5	{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50	{margin-top:50px;}
.mt55	{margin-top:55px;}
.mt60	{margin-top:60px;}
.mt65	{margin-top:65px;}
.mt70	{margin-top:70px;}
.mt75	{margin-top:75px;}
.mt80	{margin-top:80px;}
.mt85	{margin-top:85px;}
.mt90	{margin-top:90px;}
.mt95	{margin-top:95px;}
.mt100{margin-top:100px;}
.mt105{margin-top:105px;}

.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb35	{margin-bottom:35px;}
.mb40	{margin-bottom:40px;}
.mb45	{margin-bottom:45px;}
.mb50	{margin-bottom:50px;}
.mb55	{margin-bottom:55px;}
.mb60	{margin-bottom:60px;}
.mb65	{margin-bottom:65px;}
.mb70	{margin-bottom:70px;}
.mb75	{margin-bottom:75px;}
.mb80	{margin-bottom:80px;}
.mb85	{margin-bottom:85px;}
.mb90	{margin-bottom:90px;}
.mb95	{margin-bottom:95px;}
.mb100	{margin-bottom:100px;}
.mb105	{margin-bottom:105px;}



.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl16	{padding-left:16px;}
.pl18	{padding-left:18px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl45	{padding-left:45px;}
.pl50	{padding-left:50px;}
.pl55	{padding-left:55px;}
.pl60	{padding-left:60px;}
.pl65	{padding-left:65px;}
.pl70	{padding-left:70px;}
.pl75	{padding-left:75px;}
.pl80	{padding-left:80px;}
.pl85	{padding-left:85px;}
.pl90	{padding-left:90px;}
.pl95	{padding-left:95px;}
.pl100	{padding-left:100px;}
.pl105	{padding-left:105px;}
.pl466	{padding-left:466px;}
.pl510	{padding-left:510px;}

.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr25	{padding-right:25px;}
.pr30	{padding-right:30px;}
.pr35	{padding-right:35px;}
.pr40	{padding-right:40px;}
.pr45	{padding-right:45px;}
.pr50	{padding-right:50px;}
.pr55	{padding-right:55px;}
.pr60	{padding-right:60px;}
.pr65	{padding-right:65px;}
.pr70	{padding-right:70px;}
.pr75	{padding-right:75px;}
.pr80	{padding-right:80px;}
.pr85	{padding-right:85px;}
.pr90	{padding-right:90px;}
.pr95	{padding-right:95px;}
.pr100	{padding-right:100px;}
.pr105	{padding-right:105px;}

.pt5	{padding-top:5px;}
.pt10	{padding-top:10px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt35	{padding-top:35px;}
.pt40	{padding-top:40px;}
.pt45	{padding-top:45px;}
.pt50	{padding-top:50px;}
.pt55	{padding-top:55px;}
.pt60	{padding-top:60px;}
.pt65	{padding-top:65px;}
.pt70	{padding-top:70px;}
.pt75	{padding-top:75px;}
.pt80	{padding-top:80px;}
.pt85	{padding-top:85px;}
.pt90	{padding-top:90px;}
.pt95	{padding-top:95px;}
.pt100	{padding-top:100px;}
.pt105	{padding-top:105px;}

.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb25	{padding-bottom:25px;}
.pb30	{padding-bottom:30px;}
.pb35	{padding-bottom:35px;}
.pb40	{padding-bottom:40px;}
.pb45	{padding-bottom:45px;}
.pb50	{padding-bottom:50px;}
.pb55	{padding-bottom:55px;}
.pb60	{padding-bottom:60px;}
.pb65	{padding-bottom:65px;}
.pb70	{padding-bottom:70px;}
.pb75	{padding-bottom:75px;}
.pb80	{padding-bottom:80px;}
.pb85	{padding-bottom:85px;}
.pb90	{padding-bottom:90px;}
.pb95	{padding-bottom:95px;}
.pb100	{padding-bottom:100px;}
.pb105	{padding-bottom:105px;}
.pb230	{padding-bottom:230px;}
/* other set */


.lh38 {line-height:38px !important; }
.lh36 {line-height:36px !important; }
.lh34 {line-height:34px !important; }
.lh32 {line-height:32px !important; }
.lh30 {line-height:30px !important; }
.lh28 {line-height:28px !important; }
.lh26 {line-height:26px !important; }
.lh24 {line-height:24px !important; }
.lh22 {line-height:22px !important; }
.lh20 {line-height:20px !important; }
.lh18 {line-height:18px !important; }
.lh16 {line-height:16px !important; }

.fs11 {font-size:11px !important; }
.fs13 {font-size:13px !important; }
.fs14 {font-size:14px !important; color:#565656;}
.fs15 {font-size:15px !important; line-height:18px; color:#565656;}
.fs16 {font-size:16px !important; line-height:18px; color:#565656;}
.fs17 {font-size:17px !important; line-height:20px; }
.fs18 {font-size:18px !important; line-height:20px; }
.fs19 {font-size:19px !important; line-height:22px; }
.fs20 {font-size:20px !important; line-height:22px; }
.fs21 {font-size:21px !important; line-height:24px; }
.fs22 {font-size:22px !important; line-height:24px; }
.fs23 {font-size:23px !important; line-height:26px; }
.fs24 {font-size:24px !important; line-height:26px; }
.fs25 {font-size:25px !important; line-height:28px; }
.fs26 {font-size:26px !important; line-height:28px; }

.col_black {color:#000;}
.col_red {color:#ff0000;}

.hide{position:absolute; left:-9999px; top:-9999px; font-size:0; line-height:0; height:0; overflow:hidden; }
.hide1{position:relative; z-index:-1; }
.fw {font-weight:bold;}


/* layout */
body, html{width:100%; height:100%; min-width:340px;
color:#777777;
font-family: "Noto Sans Korean", sans-serif;
font-size:12px;}
#wrap{width:100%;}
#header{width:100%;}
#visual{width:100%;}
#contents{width:100%; }
#footer{width:100%; }
.in_Layer{width:1110px; margin:0 auto; }
.cf:after{clear:both; display:block; content:"";}
.flex-box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.table-cell{display:table-cell; vertical-align:middle;}
a,button,li,img{outline:none;}

#skip{}
#skip a{display:block; position:absolute; top:0; width:0; height:0; margin-top:-1px; text-align:center; white-space:nowrap; overflow:hidden; text-decoration:none;}
#skip a:focus, #skip a:active{position:relative; top:0; left:0;  width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff; background-color:#333; z-index:100;}

/************************* ::: right_Box ::: *************************/
.wrap_bg{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0, .7); z-index:9999;}
.right_Box{position:fixed; top:0; right:-100%; width:70%; min-width:256px; height:100%; max-width:485px; background:#6f7a97; z-index:99999;}
.right_Box .close{position:absolute; left:-40px; top:25px; cursor:pointer;}
.right_Box .nav_top{height:85px; line-height:85px; text-align:center; position:relative;}
.right_Box .nav_top h2{font-size:25px; color:#fff; font-weight:500;}
.right_Box .nav_in{width:100%; overflow-x:hidden; overflow-y:auto; z-index:100;
height : -webkit-calc(100% - 85px);
height :    -moz-calc(100% - 85px);
height :         calc(100% - 85px);}
.right_Box .nav_in .m_gnb{}
.right_Box .nav_in .m_gnb > li{position:relative;}
.right_Box .nav_in .m_gnb > li > a{padding:35px 40px; display:block; font-size:20px; color:#fff; font-weight:600;}
.right_Box .nav_in .m_gnb > li > a.on{}
.right_Box .nav_in .m_gnb .depth{display:none; padding:0 60px;}
.right_Box .nav_in .m_gnb .depth li{margin-bottom:8px;}
.right_Box .nav_in .m_gnb .depth li:last-child{margin-bottom:0;}
.right_Box .nav_in .m_gnb .depth li a{display:block; font-size:18px; color:#fff; font-weight:300; }


/************************* ::: header ::: *************************/
#header{border-bottom:1px solid #ddd;}
#header .top_h{height:85px;text-align:center;}
#header .top_h .logo{display:inline-block; margin-top:14px;}
#header .top_h .m_menu{display:none; float:right; margin-top:30px; cursor:pointer;}
#header .bot_h{border-top:1px solid #ddd;}
#header .bot_h .gnb_area{height:57px;}
#header .bot_h .gnb_area .gnb{height:100%; text-align:center; font-size:0;}
#header .bot_h .gnb_area .gnb > li{height:100%; display:inline-block; width:120px; position:relative;}
#header .bot_h .gnb_area .gnb > li > a{width:100%; height:100%; display:table; font-size:17px; color:#494949;}
#header .bot_h .gnb_area .gnb > li > a span{display:table-cell; vertical-align:middle;}

/* depth */
#header .bot_h .gnb .depth_D{position:absolute; left:50%; top:57px; margin-left:-88px; width:176px; z-index:999;}
#header .bot_h .gnb .depth{display:none; width:100%; background:#fff; border:1px solid #ddd; padding:15px 0;}
#header .bot_h .gnb .depth_D:before{content:""; width:8px; height:8px; position:absolute; left:50%; top:-4px; margin-left:-4px; background:#ffbf25; border-radius:100%; z-index:999; display:none;}
#header .bot_h .gnb .depth li{}
#header .bot_h .gnb .depth li a{display:block; line-height:2; font-size:15px; color:#666;}

/* on */
#header .bot_h .gnb > li.on .depth_D:before{display:block;}
#header .bot_h .gnb > li.on > a{color:#ffbf25; font-weight:500}
#header .bot_h .gnb .depth li a:hover{color:#000; font-weight:500;}

/************************* ::: visual ::: *************************/
.main_visual{padding-top:0px; width:100%; position:relative; margin-bottom:35px;}
.mv_slider{width:100%; height:450px; position:relative; overflow:hidden; z-index:998;}
.mv_slider .slick-list{width:100%; height:100%;}
.mv_slider .slick-track{width:100%; height:100%;}
.mv_slider .slick-slide{width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}

/*slogan*/
.main_visual .slogan{width:100%; text-align:center;
position:absolute; left:50%; top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);}
.main_visual .slogan h2{font-size:55px; color:#fff; font-weight:400; line-height:1; word-break:keep-all; line-height:1.3;
text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);}
.main_visual .slogan p{font-size:43px; color:#fff; font-weight:200; text-transform:uppercase; padding-top:10px; word-break:keep-all;
text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	to {
		opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
	}
}
.main_visual .mv_slider li.slick-active .slogan h2,
.main_visual .mv_slider li.slick-active .slogan p {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 0;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
.main_visual .mv_slider li.slick-active .slogan h2{animation-delay:0.5s;}
.main_visual .mv_slider li.slick-active .slogan p{animation-delay:1s;}

/* arrow */
.main_visual .slider-nav{}
.main_visual .slider-nav .slick-arrow{position:absolute; top:50%; margin-top:-17px; z-index:999; cursor:pointer;}
.main_visual .slider-nav .slick-arrow.prev{left:-45px;}
.main_visual .slider-nav .slick-arrow.next{right:-45px;}

/* dots */
.mv_slider .slick-dots{bottom:35px;}
.mv_slider .slick-dots li{width:15px; height:15px; border-radius:8px; margin:0 9px; background:#fff;}
.mv_slider .slick-dots li.slick-active{background:#ffbf25;}
.mv_slider .slick-dots li button{display:none;}

/************************* ::: contents ::: *************************/
.main_contents{}
.mc_tit{margin:55px 0 45px 0; text-align:center;}
.mc_tit h2{font-size:30px; color:#444; font-weight:600;}
.mc_tit p{font-size:15px; color:#999; font-weight:200;}

/* section01 */
.main_contents .section01{padding-bottom:65px;}
.mc01_area{overflow:hidden; font-size:0px;}
.mc01_in{font-size:0;}
.mc01_box{display:inline-block; width:30.8% !important; margin:2% 0% 0% 5px; margin-right:2.95%; position:relative;}
.mc01_box:nth-child(3n){margin-right:0%}
.mc01_box .mc01_img{width:100%; position:relative;}
.mc01_box .mc01_img img{width:100%;}
.mc01_box .mc_text{position:absolute; top:0px; left:0px; background:rgba(0, 0, 0, 0.3); opacity:1; width:100%; height:100%; font-size:0px;
 -webkit-transition: all 0.2s;
    -o-transition: all .0.2s;
    transition: all 0.2s;}
.mc01_box:hover .mc_text{opacity:1;}

.mc01_box .mc_text .mct_area{width:100%; position:relative; height:100%; font-size:0px;}
.mc01_box .mc_text .mc_logo{position:absolute; bottom:0px; right:0px; width:166px; display:none;}
.mc01_box .mc_text .mc_logo img{width:100%}
.mc01_box .mc_text .mc_t{width:100%;text-align:center; display:inline-block;  position:absolute; top:42%; left:0%;}
.mc01_box .mc_text .mc_t p{color:#fff; font-size:30px; font-weight:700; line-height:1.2; text-shadow:2px 2px 5px rgba(0, 0, 0, 0.8);}


/* request */
#contents .request{}
#contents .request .requ_inbox{background:url('../img/sec3_bg.jpg')no-repeat 50% 50%; background-size:cover; text-align:center; padding:89px 0;}
#contents .request .requ_inbox .more_btn{margin-top:55px;}

#contents .request .requ_tit h2{font-size:45px; color:#fff; font-family: 'Montserrat', sans-serif; font-weight:500;}
#contents .request .requ_tit p{font-size:18px; color:#fff; margin-top:5px; word-break:keep-all }

#contents .request .more_btn{margin-top:55px;}
#contents .request .more_btn a{font-size:0;}
#contents .request .more_btn{display:inline-block; position:relative;}
#contents .request .more_btn span{font-size:14px; color:#fff; font-family: 'Montserrat', sans-serif; display:inline-block; padding:0 70px 5px 0; border-bottom:2px solid #fff;}
#contents .request .more_btn em{position:absolute; top:3px; right:0;}
#contents .request .more_btn a:hover em{animation:arr 1s infinite;}
@keyframes arr{
0%{right:0;}
50%{right:5px;}
100%{right:0;}
}

/* section02 */
.main_contents .section02{padding:40px 0; background:#f7f7f7;}
.mc02_area{}
.mc02_area .mc02_tit{height:45px; border-bottom:1px solid #999; margin-bottom:20px;}
.mc02_area .mc02_tit h2{float:left; font-size:22px; color:#333; font-weight:600; word-break:keep-all}
.mc02_area .mc02_tit a{float:right; margin-top:6px; ; word-break:keep-all}

.mc02_area .left{width:48%; float:left; margin-right:4%;}
.mc02_box{}
.mc02_box .top_box{padding:7px 0 30px 0; border-bottom:1px solid #ddd;}
.mc02_box .top_box > a:hover .right_text strong{color:#ffbf25}
.mc02_box .top_box > a:hover .right_text p{color:#000;}
.mc02_box .left_days{float:left; width:100px; height:100px; border:1px solid #3e558a; display:table; text-align:center;}
.mc02_box .left_days h2{font-size:45px; color:#3e558a; font-weight:500; line-height:1; margin-bottom:5px;}
.mc02_box .left_days p{font-size:22px; color:#3e558a; font-weight:100; line-height:1;}
.mc02_box .right_text{float:left; padding-left:30px;
width : -webkit-calc(100% - 100px);
width :    -moz-calc(100% - 100px);
width :         calc(100% - 100px);}
.mc02_box .right_text strong{font-size:21px; color:#333333; font-weight:500; display:block; line-height:1; margin-bottom:20px;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mc02_box .right_text p{font-size:16px; color:#666; font-weight:200; line-height:1.6;
overflow:hidden; display:block; display:-webkit-box; width:100%; -webkit-box-orient:vertical; height:calc(1em * 1.6 * 2);}
.mc02_box .bot_list{padding-top:25px;}
.mc02_box .bot_list li{margin-bottom:10px;}
.mc02_box .bot_list li:last-child{margin-bottom:0;}
.mc02_box .bot_list li:after{clear:both; display:block; content:"";}
.mc02_box .bot_list li span{font-size:16px; color:#333; float:right;}
.mc02_box .bot_list li a{font-size:16px; color:#333; font-weight:400; float:left; width:55%; display:block;
text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mc02_box .bot_list li a:hover{text-decoration:underline;}

.mc02_area .right{width:48%; float:right;}

/* section03 */
.main_contents .section03{padding:0 0 60px 0;}
.mc03_quick{}
.mc03_quick ul{text-align:center; font-size:0;}
.mc03_quick ul li{display:inline-block; ; width:26.5%; background:#f7f7f7; padding:65px 0px 35px;}
.mc03_quick ul li:nth-child(2){margin:0 8.75%;}
.mc03_quick ul li .top_ico{width:100%}
.mc03_quick ul li .top_ico img{width:auto; display:block; margin:0 auto; max-width:90%}
.mc03_quick ul li p{font-size:18px; color:#444; font-weight:400; margin:20px 0px 10px}
.mc03_quick ul li h2{font-size:32px; color:#444; font-weight:400; line-height:1.1;    font-family: 'Nanum Brush Script';}

/************************* ::: footer ::: *************************/
#footer{border-top:1px solid #ddd; padding:20px 0; position:absolute;}
#footer ul{font-size:0;}
#footer ul li{display:inline-block; font-size:13px; color:#999;}
#footer .left_f{float:left; margin-bottom:15px;}
#footer .left_f li{margin-left:30px;}
#footer .left_f li:first-child{margin-left:0;}
#footer .left_f li span{display:inline-block; width:20px; height:20px; font-size:12px; color:#999;
background:#efefef; border-radius:100%; text-align:center; margin-right:10px;}
#footer .right_f{float:right;}
#footer .right_f li{margin-right:15px; line-height:1.8;}


/************************* ::: quick_area ::: *************************/
.quick.on{ bottom:2%; top:auto;}
.quick{position:fixed; bottom:120px; left:2%; z-index:1000;}

.quick .quick_area{margin-bottom:10px;}
.quick .quick_area .quick_box{width:55px;}
.quick .quick_area .quick_box:nth-child(2){margin:5px 0px;}
.quick .quick_area .quick_box a{width:100%; display:block;}
.quick .quick_area .quick_box a img{width:100%}
.quick .quick_close{width:55px; font-size:15px; text-align:center; border-radius:10px; background:#000; color:#fff; cursor:pointer; padding:5px 0px;}
.quick .quick_close .open{display:none;}
.quick .quick_close .close{display:block;}
.quick .quick_close.on .open{display:block;}
.quick .quick_close.on .close{display:none;}

@media screen and (max-width:1000px) {
	.quick{ bottom:150px;}
}

@media screen and (max-width:700px) {
	.quick{ bottom:190px;}
}

@media screen and (max-width:640px) {
	.quick{ bottom:220px;}
}

@media screen and (max-width:450px) {
	.quick{ bottom:220px;}
	.quick .quick_area{margin-bottom:5px;}
	.quick .quick_area .quick_box{width:40px;}
	.quick .quick_area .quick_box:nth-child(2){margin:3px 0px;}
	.quick .quick_close{width:40px; font-size:12px; padding:5px 0px;}
}

@media screen and (max-width:400px) {

	.quick{ bottom:270px;}
}

/************************* ::: responsive ::: *************************/
@media screen and (max-width:1220px) {
/***::: visual :::****/
.main_visual .slogan{padding:0 8%;}
.main_visual .slider-nav .slick-arrow.prev{left:3%;}
.main_visual .slider-nav .slick-arrow.next{right:3%;}
}

@media screen and (max-width:1110px) {
.in_Layer{width:100%; padding:0 3%;}

/***::: contents :::****/
.main_contents .section01{overflow:hidden;}
#contents .request .requ_tit h2{font-size:38px; }
#contents .request .requ_tit p{font-size:16px}

}

@media screen and (max-width:1000px) {
/***::: header :::****/
#header{position:fixed; background:#fff; left:0; top:0; width:100%; z-index:9998;}
#header .top_h .logo{float:left;}
#header .top_h .m_menu{display:block;}
#header .bot_h{display:none;}

/***::: visual :::****/
#visual{padding-top:85px;}
#visual.mv > .in_Layer{padding:0;}
.main_visual{padding-top:0;}

/***::: contents :::****/
.main_contents .section01{padding:125px 0px 65px;}
.mc01_box .mc_text .mc_t p{ font-size:20px; }

.mc02_area .left,.mc02_area .right{width:100%; float:none;}
.mc02_area .left{margin-right:0; margin-bottom:4%;}

.mc03_quick ul li{display:inline-block; ; width:30%; background:#f7f7f7; padding:6% 0px 3%;}
.mc03_quick ul li:nth-child(2){margin:0 5%;}
.mc03_quick ul li h2{font-size:25px;}
}

@media screen and (max-width:640px) {
/***::: right_Box :::****/
.right_Box .nav_top{height:70px; line-height:70px;}
.right_Box .nav_top h2{font-size:20px;}
.right_Box .nav_in{
height : -webkit-calc(100% - 70px);
height :    -moz-calc(100% - 70px);
height :         calc(100% - 70px);
}
.right_Box .nav_in .m_gnb > li > a{font-size:18px; padding:5% 6%;}
.right_Box .nav_in .m_gnb .depth{padding:0 7%;}
.right_Box .nav_in .m_gnb .depth li{margin-bottom:2%;}
.right_Box .nav_in .m_gnb .depth li a{font-size:15px;}
/***::: header :::****/
#header .top_h{height:70px;}
#header .top_h .logo img{width:125px;}
#header .top_h .m_menu{margin-top:22px;}

/***::: visual :::****/
#visual{padding-top:70px;}
.mv_slider{height:400px;}
.main_contents .section01{}
.main_visual .slogan h2{font-size:42px;}
.main_visual .slogan p{font-size:32px;}

/***::: contents :::****/
.mc_tit{margin:6% 0 5% 0;}
.mc_tit h2{font-size:24px;}
.mc_tit p{font-size:13px}

#contents .request .requ_tit h2{font-size:30px; }
#contents .request .requ_tit p{font-size:14px}


/* section01 */
.main_contents .section01{padding:115px 0px 7%;}
.mc01_box{display:inline-block; width:47.5% !important; margin:2% 0%; margin-right:4%; position:relative;}
.mc01_box:nth-child(3n){margin-right:4%}
.mc01_box:nth-child(even){margin-right:0% !important}
/* section02 */
.main_contents .section02{padding:5% 0;}
.mc02_area .mc02_tit{height:35px; margin-bottom:3%;}
.mc02_area .mc02_tit h2{font-size:18px;}
.mc02_box .top_box{padding:1% 0 4% 0;}
.mc02_box .left_days{width:80px; height:80px;}
.mc02_box .left_days h2{font-size:34px;}
.mc02_box .left_days p{font-size:18px;}
.mc02_box .right_text{padding-left:20px;
width : -webkit-calc(100% - 80px);
width :    -moz-calc(100% - 80px);
width :         calc(100% - 80px);
}
.mc02_box .right_text strong{font-size:18px; margin-bottom:10px;}
.mc02_box .right_text p{font-size:14px;}
.mc02_box .bot_list{padding-top:3%;}
.mc02_box .bot_list li{margin-bottom:2%;}
.mc02_box .bot_list li a{font-size:14px;}
.mc02_box .bot_list li span{font-size:14px;}
.mc02_area .right .map iframe{height:210px;}

#contents .request{}
#contents .request .requ_inbox{padding:12% 3%;}
#contents .request .requ_inbox .more_btn{margin-top:5%;}

/* section03 */
.main_contents .section03{padding:0 0 6% 0;}

.mc03_quick ul li{display:inline-block; ; width:100%; max-width:400px; background:#f7f7f7; padding:6% 0px 3%;}
.mc03_quick ul li:nth-child(2){margin:5% 0%;}




/* footer */
#footer .left_f,#footer .right_f{float:none;}
#footer ul{text-align:center;}
}

@media screen and (max-width:450px) {

/***::: visual :::****/
.mv_slider{height:300px;}
.main_visual .slogan h2{font-size:30px;}
.main_visual .slogan p{font-size:24px;}

.main_contents .section01{padding:95px 0px 7%;}
.mc01_box .mc_text .mc_t p{ font-size:14px;}
.mc01_box .mc_text .mc_logo{width:120px;}
/***::: contents :::****/
/* section01 */


/* section03 */


}


/* contents */
#contents .sub_contents{margin-bottom:100px;}
#contents .sub_contents .sc_tit{font-size:35px; color:#333; font-weight:500; padding:35px 0 80px 0; text-align:center;}

@media screen and (max-width:1200px){
	#contents .sub_contents .sb_sec .his_tit{font-size:120px;}
}

@media screen and (max-width:800px){
	#contents .sub_contents .sb_sec .his_tit{font-size:80px;}
#contents .sub_contents .sub101 .left{width:100%; float:none; padding-right:0;}
#contents .sub_contents .sub101 .left .pc_img{display:none;}
#contents .sub_contents .sub101 .left .m_img{display:block;}
#contents .sub_contents .sub101 .right{width:100%; float:none; margin-top:4%;}

#contents .sub_contents .sb_sec .his_area .his_left{width:100%; float:none;  position:relative; z-index:2;  max-width:500px;  margin:0 auto;}
#contents .sub_contents .sb_sec .his_area .his_left .his_t{font-size:30px; }
#contents .sub_contents .sb_sec .his_area .his_right{width:100%; float:none;  padding-left:0px; max-width:500px;  margin:0 auto; margin-top:70px;}
#contents .sub_contents .sb_sec .his_area .his_right dl{ margin-bottom:3%;}
#contents .sub_contents .sb_sec .his_area .his_right dl dt{font-weight:500; width:50px; font-size:18px; display:inline-block; vertical-align:top;}

}
@media screen and (max-width:640px){

#contents .sub_contents{margin-bottom:20%;}
#contents .sub_contents .sc_tit{padding:4% 0 9% 0; font-size:28px;}
#contents .sub_contents .sub101 .right{background:url('../images/contents/sub_bg.png')no-repeat 100% 0; background-size:35%;}
#contents .sub_contents .sub101 .right strong{font-size:28px; margin-bottom:2%;}
#contents .sub_contents .sub101 .right .ac_text{font-size:16px;}
#contents .sub_contents .sub101 .right .ac_text span{font-size:14px;}
#contents .sub_contents .sub101 .right p{font-size:14px; margin-bottom:3%; line-height:1.5;}
#contents .sub_contents .sub101 .right .name em{font-size:14px;}
#contents .sub_contents .sub101 .right .name{font-size:20px;}
}
@media screen and (max-width:450px){

#contents .sub_contents .sc_tit{font-size:24px;}
#contents .sub_contents .sub101 .right strong{font-size:22px;}
#contents .sub_contents .sub101 .right .ac_text{font-size:14px;}
#contents .sub_contents .sub101 .right p{font-size:12px;}


#contents .sub_contents .sb_sec{margin-bottom:18%;}
#contents .sub_contents .sb_sec .his_tit{font-size:70px; }
#contents .sub_contents .sb_sec .his_area:after{content:""; display:block; clear:both;}
#contents .sub_contents .sb_sec .his_area .his_left{max-width:250px;}
#contents .sub_contents .sb_sec .his_area .his_left .his_t{font-size:20px; margin-bottom:20px; }
#contents .sub_contents .sb_sec .his_area .his_right{margin-top:10%;}
#contents .sub_contents .sb_sec .his_area .his_right dl{ margin-bottom:3%;}
#contents .sub_contents .sb_sec .his_area .his_right dl dt{ width:30px; font-size:13px; }
#contents .sub_contents .sb_sec .his_area .his_right dl dd{; font-size:13px;  
padding-left:10px;
/*calc*/
width : -webkit- calc(100% - 30px);
width :    -moz-calc(100% - 30px);
width :         calc(100% - 30px)}
}


/* sub102( 연혁 ) */

#contents .sub_contents .sub102{}
#contents .sub_contents .sub102 .tabSet02{width:100%;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs{width:100%; height:55px;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs li{width:300px; float:left;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs li a{display:block;font-size:18px; color:#fff; width:300px; height:55px; padding-top:15px; text-align:center; background:#cccccc;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs li a.on{background:#0f2f58;}

#contents .sub_contents .sub102 .tabSet02 dl:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub102 .tabSet02 dl:first-child{border-top:1px solid #ddd;}
#contents .sub_contents .sub102 .tabSet02 dl{width:100%; padding:50px 0px 50px 10px; border-bottom:1px solid #ddd;}
#contents .sub_contents .sub102 .tabSet02 dl dt{font-size:40px; color:#0f2f58; font-weight:bold; float:left; font-family: "Noto Sans Korean"; }
#contents .sub_contents .sub102 .tabSet02 dl dd{width:80%;float:left; padding-left:60px; padding-top:10px;}
#contents .sub_contents .sub102 .tabSet02 dl dd ul li:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub102 .tabSet02 dl dd span{display:block; float:left; width:40px; margin-right:40px; color:#0f2f58; font-size:18px; font-weight:600; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub102 .tabSet02 dl dd ul li{padding:5px 0; font-size:16px; color:#333; font-weight:300; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub102 .tabSet02 dl dd ul li p{float:left; width:80%; font-size:16px;}
#contents .sub_contents .sub102 .panels{margin-top:50px;}

@media screen and (max-width:1200px){

#contents .sub_contents .sub102{}
#contents .sub_contents .sub102 .tabSet02{width:100%;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs{width:100%; height:35px;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs li{width:50%; float:left;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs li a{display:block;font-size:13px; color:#fff; width:100%; height:35px; padding-top:8px; text-align:center; background:#cccccc;}
#contents .sub_contents .sub102 .tabSet02 ul.tabs li a.on{background:#0f2f58;}

#contents .sub_contents .sub102 .tabSet02 dl:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub102 .tabSet02 dl:first-child{border-top:1px solid #ddd;}
#contents .sub_contents .sub102 .tabSet02 dl{width:100%; padding:50px 0px 50px 10px; border-bottom:1px solid #ddd;}
#contents .sub_contents .sub102 .tabSet02 dl dt{font-size:28px; color:#0f2f58; font-weight:bold; float:left; width:15%; font-family: "Noto Sans Korean"; }
#contents .sub_contents .sub102 .tabSet02 dl dd{float:left; width:85%; padding-left:10%; padding-top:0px;}
#contents .sub_contents .sub102 .tabSet02 dl dd span{display:block;float:left;width:12%; margin-right:10px; color:#0f2f58; font-size:13px; font-weight:600; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub102 .tabSet02 dl dd ul li:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub102 .tabSet02 dl dd ul li p{float:left; width:78%; font-size:13px;}
#contents .sub_contents .sub102 .tabSet02 dl dd ul li{padding:5px 0; font-size:13px; color:#333; font-weight:300; font-family: "Noto Sans Korean";}

#contents .sub_contents .sub102 .panels{margin-top:30px;}

}

/* sub102( 오시는길 ) */

#contents .sub_contents .sub104 table{ border-top:1px solid #a5a194; width:100%; margin-top:40px;}
#contents .sub_contents .sub104 table tr{width:100%; height:50px; border-bottom:1px solid #dcdad6;}
#contents .sub_contents .sub104 table tr td.tit{ height:60px; font-size:15px; padding:15px 10px; text-align:center; background:#f9f9f9; color:#333333;border-bottom:1px solid  #dcdad6;  font-family: "Noto Sans Korean";}
#contents .sub_contents .sub104 table tr td.text{padding-left:30px; font-size:15px; color:#666666;border-bottom:1px solid #dcdad6; font-family: "Noto Sans Korean";}

#contents .sub_contents .sub104 .road_info{width:100%; padding-left:110px; margin-top:60px; }
#contents .sub_contents .sub104 .road_info strong{display:block; font-size:26px; color:#333; font-weight:300; padding-bottom:25px; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub104 .road_info dl dt{font-size:18px; color:#333333; padding-bottom:15px; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub104 .road_info dl dd{font-size:16px; color:#666666; padding-bottom:30px; font-family: "Noto Sans Korean"; }


@media screen and (max-width:1200px){

#contents .sub_contents .sub104 .road_info{background-size:80px !important;}
#contents .sub_contents .sub104 table{ border-top:1px solid #a5a194; width:100%; margin-top:40px;}
#contents .sub_contents .sub104 table tr{width:100%; height:50px; border-bottom:1px solid #dcdad6;}
#contents .sub_contents .sub104 table tr td.tit{ height:60px; font-size:12px; padding:15px 10px; text-align:center;  background:#f9f9f9; color:#333333;border-bottom:1px solid  #dcdad6;  font-family: "Noto Sans Korean";}
#contents .sub_contents .sub104 table tr td.text{padding-left:30px; font-size:12px; color:#666666;border-bottom:1px solid #dcdad6; font-family: "Noto Sans Korean";}

#contents .sub_contents .sub104 .road_info{width:100%; padding-left:110px; margin-top:60px; }
#contents .sub_contents .sub104 .road_info:first-child{width:100% ;background:url("../images/ico/road_ico01.png")no-repeat;}
#contents .sub_contents .sub104 .road_info strong{display:block; font-size:18px; color:#333; font-weight:300; padding-bottom:25px; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub104 .road_info dl dt{font-size:13px; color:#333333; padding-bottom:15px; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub104 .road_info dl dd{font-size:12px; color:#666666; padding-bottom:30px; font-family: "Noto Sans Korean"; }

}


/* sub301 ( 포트폴리오 ) 1열씩 출력 */

#contents .sub_contents .sub3:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub3 ul.sub_list:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub3 ul.sub_list li:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub3 ul.sub_list{width:100%;}
#contents .sub_contents .sub3 ul.sub_list li{width:100%; clear:both; padding-bottom:30px; margin-bottom:40px; border-bottom:1px solid #dddddd;} 
#contents .sub_contents .sub3 ul.sub_list li:last-child{border-bottom:none;}
#contents .sub_contents .sub3 ul.sub_list li .list_img{width:350px; float:left;}
#contents .sub_contents .sub3 ul.sub_list li .list_img > img{width:100%;}
#contents .sub_contents .sub3 ul.sub_list li .list_txt{width:710px; float:left; margin-left:50px;}
#contents .sub_contents .sub3 ul.sub_list li .list_txt h4.list_tit{font-size:28px; color:#333; font-weight:600; padding-bottom:30px; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub3 ul.sub_list li .list_txt .list_doc{font-size:16px; color:#333; font-weight:300; padding-bottom:30px; }
#contents .sub_contents .sub3 ul.sub_list li .list_txt .click_wrap{width:100%; }
#contents .sub_contents .sub3 ul.sub_list li .list_txt .click_wrap a{font-size:16px; display:block; width:160px; height:60px; margin-top:25px; background:#0f2f58; color:#fff; text-align:center; float:right; padding:18px 0px;  font-weight:300;}

#contents .sub_contents .sub3 ul.sub_list table{ border-top:1px solid #a5a194; width:100%;}
#contents .sub_contents .sub3 ul.sub_list table tr{width:100%; height:50px; border-bottom:1px solid #dcdad6;}
#contents .sub_contents .sub3 ul.sub_list table tr td.tit{ height:60px; font-size:15px; padding:15px 10px; text-align:center;  background:#f9f9f9; color:#333333;border-bottom:1px solid  #dcdad6;  font-family: "Noto Sans Korean";}
#contents .sub_contents .sub3 ul.sub_list table tr td.text{padding-left:30px; font-size:15px; color:#666666;border-bottom:1px solid #dcdad6; font-family: "Noto Sans Korean";}

.arrow_wrap{clear:both; width:100%; margin-top:70px;}
.arrow_wrap ul{width:30%; margin:0 auto; }
.arrow_wrap li{width:30px; margin:0 2px; float:left;  text-align:center;}
.arrow_wrap li a{display:block; font-size:12px; width:30px; height:30px; padding-top:4px; color:#bbb; border:1px solid #dddddd; }
.arrow_wrap li a.on{color:#333; font-weight:600;  border:1px solid #333;}

@media screen and (max-width:1110px){

#contents .sub_contents .sub3 ul.sub_list li .list_img{width:100%; float:none;}
#contents .sub_contents .sub3 ul.sub_list li .list_img img{display:block; width:280px; margin:0 auto;}
#contents .sub_contents .sub3 ul.sub_list li .list_txt{width:100%; float:none; margin-left:0px;}
#contents .sub_contents .sub3 ul.sub_list li .list_txt h4.list_tit{font-size:19px; color:#333; font-weight:600; padding:25px 0 15px; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub3 ul.sub_list li .list_txt .click_wrap{width:100%; }
#contents .sub_contents .sub3 ul.sub_list li .list_txt .click_wrap a{font-size:12px; display:block; width:110px; height:40px; margin-top:15px; background:#0f2f58; color:#fff; text-align:center; float:right; padding:10px 0px;  font-weight:300;}

#contents .sub_contents .sub3 ul.sub_list table{ border-top:2px solid #0f2f58; width:100%;}
#contents .sub_contents .sub3 ul.sub_list table tr{width:100%; height:50px; border-bottom:1px solid #dcdad6;}
#contents .sub_contents .sub3 ul.sub_list table tr td.tit{ height:40px; font-size:12px; padding:15px 10px; text-align:center; background:#f9f9f9; color:#333333;border-bottom:1px solid  #dcdad6;  font-family: "Noto Sans Korean";}
#contents .sub_contents .sub3 ul.sub_list table tr td.text{padding-left:30px; font-size:12px; color:#666666;border-bottom:1px solid #dcdad6; font-family: "Noto Sans Korean";}
		
.arrow_wrap{clear:both; width:100%; margin-top:0px;}
.arrow_wrap ul{width:320px; margin:0 auto; }
.arrow_wrap li{width:30px;float:left;  text-align:center;}
.arrow_wrap li a{display:block; font-size:10px; width:30px; height:30px; padding-bottom:4px; color:#bbb; border:1px solid #dddddd; }

}


/* sub301 ( 포트폴리오 02) 3열씩 출력 */

#contents .sub_contents .sub3:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub3 ul.sub_list02:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub3 ul.sub_list02 li:after{clear:both; display:block; content:"";}
#contents .sub_contents .sub3 ul.sub_list02{width:100%; font-size:0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#contents .sub_contents .sub3 ul.sub_list02 li{display:inline-block; vertical-align:top; width:350px; margin:0 30px 40px 0;} 
#contents .sub_contents .sub3 ul.sub_list02 li:nth-child(3n){margin-right:0px;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_img{width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_img > img{position: absolute;
top: -9999px; right: -9999px; bottom: -9999px; left: -9999px;
margin: auto; width: 100%
}

#contents .sub_contents .sub3 ul.sub_list02 li .list_img > a{display:block; position:absolute; left:0px; bottom:0px; font-size:15px;  background:#ffbf25; color:#222; font-weight:600; padding:10px;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_txt{width:100%;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_txt h4.list_tit{font-size:22px; color:#333; font-weight:600; padding:20px 0; font-family: "Noto Sans Korean";}

#contents .sub_contents .sub3 ul.sub_list02 table{ border-top:1px solid #a5a194; width:100%; padding:20px 0;}
#contents .sub_contents .sub3 ul.sub_list02 table tr{width:100%; padding:5px 0;  border-bottom:1px solid #dcdad6;}
#contents .sub_contents .sub3 ul.sub_list02 table tr td.tit{ padding:3px 0 3px 15px; font-size:15px; color:#333333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("../images/ico/list_ico.png")  0 center no-repeat; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub3 ul.sub_list02 table tr td.text{padding:3px 0 3px 0; font-size:15px; color:#666666; font-family: "Noto Sans Korean";}


@media screen and (max-width:1110px){
#contents .sub_contents .sub3 ul.sub_list02 li{width:49%; margin:0 2% 4% 0;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_img{width:100%; }
#contents .sub_contents .sub3 ul.sub_list02 li:nth-child(2n){margin-right:0;}
#contents .sub_contents .sub3 ul.sub_list02 li:nth-child(3n){margin-right:2%;}
#contents .sub_contents .sub3 ul.sub_list02 li:nth-child(6n){margin-right:0;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_img > img{}
#contents .sub_contents .sub3 ul.sub_list02 li .list_txt{width:100%; float:none; margin-left:0px;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_txt h4.list_tit{font-size:14px; color:#333; font-weight:600; padding:15px 0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub3 ul.sub_list02 li .list_img > a{}
#contents .sub_contents .sub3 ul.sub_list02 li .list_img > a > img{width:35px;}
#contents .sub_contents .sub3 ul.sub_list02 li table{ border-top:2px solid #ddd; width:100%; padding:10px 0;}
#contents .sub_contents .sub3 ul.sub_list02 li table tr{width:100%; border-bottom:1px solid #dddddd;}
#contents .sub_contents .sub3 ul.sub_list02 table tr td.tit { padding:3px 0 3px 0; font-size:12px; color:#333333; background:url("../images/ico/list_ico.png")  0 center no-repeat; font-family: "Noto Sans Korean";}
#contents .sub_contents .sub3 ul.sub_list02 table tr td.text{ padding:3px 0 3px 10px; font-size:12px; color:#666666; font-family: "Noto Sans Korean";}
		
}
@media screen and (max-width:600px){

#contents .sub_contents .sub3 ul.sub_list02 table tr:first-child td.tit{vertical-align:top;  background:url("../images/ico/list_ico.png")  0 10px no-repeat;}
}

/* sub3 ( 상세보기) */

#contents .sub_contents .sub_view_wrap{width:100%; }
#contents .sub_contents .sub_view_wrap p.view_tit{font-size:20px; width:100%; height:60px; padding:15px 25px; color:#333; background:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  font-family: "Noto Sans Korean"; }
#contents .sub_contents .sub_view_wrap div.view_txt{font-size:16px; padding:40px 0px; color:#666666;}

#contents .sub_contents .sub_view_wrap .click_wrap{width:100%; }
#contents .sub_contents .sub_view_wrap .click_wrap a{font-size:16px; display:block; width:160px; height:60px; margin-top:25px; background:#0f2f58; color:#fff; text-align:center; float:right; padding:18px 0px;  font-weight:300;}

@media screen and (max-width:800px){

#contents .sub_contents .sub_view_wrap p.view_tit{font-size:15px; width:100%; height:40px; padding:10px 25px; color:#333; background:#f9f9f9; border-bottom:1px solid #ddd;  font-family: "Noto Sans Korean"; }
#contents .sub_contents .sub_view_wrap div.view_txt{font-size:13px; padding:40px 0px; color:#666666;}

#contents .sub_contents .sub_view_wrap .click_wrap{width:100%; }
#contents .sub_contents .sub_view_wrap .click_wrap a{font-size:12px; display:block; width:110px; height:40px; margin-top:15px; background:#0f2f58; color:#fff; text-align:center; float:right; padding:10px 0px;  font-weight:300;}
#contents .sub_contents .sub3 ul.sub_list02 li .list_img > a{ font-size:12px;  padding:6px;}
}

@media screen and (max-width:450px){
#contents .sub_contents .sub3 ul.sub_list02 li .list_img > a{ font-size:10px;  padding:3px;}
}

/* sub103 ( 조직도 ) */
.pc_img{display:block;}
.m_img{display:none;}
@media screen and (max-width:600px){
.pc_img{display:none;}
.m_img{display:block;;}
}

