/*시작*/ section, div, ul, li, dl, dt, dd {box-sizing: border-box;} #WRAP { width: 100%; display: -webkit-flex; display: flex; flex-flow: row wrap; } #Thead { display: flex; width: 100%; } #Main_img { display: flex; width: 100%; } #MEMO { width: 100%; } #Bfoot { width: 100%; } /****************************************************************/ /*///모바일용 CSS///*/ @media all and (max-width:780px){ #WRAP {min-width: 360px;} #Thead {width: 100%; height: 2.3em; padding: 0 4.5%; margin: 2.1em auto 0.8em;} #Thead ul {width: 100%;} #Thead li {float: left; height: 2em; line-height: 2em; font-family: NanumSquare;} #Thead .Th_logo {width: 50%; height: 1.48em; line-height: 1.9em; float: left; text-align: left; font-size: 1.4em; font-weight: bold;} #Thead .Th_logo img {width: 40px; margin: 0 0 0;} #Thead .Th_menuA {width: 50%; float: right; text-align: right; cursor: pointer;} #Thead .Th_menuA img{width: 40px; margin: 0 0 0;} #Thead .Th_menu {display: none;} #Thead .Th_btn {display: none;} #Main_img {width: 100%; height: 34em; margin: 0 auto; padding: 11em 0 0; background-image: url(../images/Main_img.jpg); background-repeat: repeat-x; background-position: 50% 50%;} #Main_img ul {width: 100%;} #Main_img li {width: 100%; text-align: center;} #Main_img .Mi_f {font-size: 2.5em; color: yellow; letter-spacing: 8px; font-weight: 600; text-shadow: 0 0 5px #000;} #Main_img .Mi_s {padding: 2em 0;} #Main_img .Mi_t {width: 90%; height: 3.5em; line-height: 1.7em; margin: 0 auto; background-image: url(../images/Mi_bg.png); color: #d1d3d4; font-size: 0.8em; letter-spacing: 0.2em;} #Middle1 {width: 100%; margin: 0 auto; background-image: url(../images/M_gray1.gif); background-repeat: repeat-x; background-position: 50% 100%; background-size: 102px;} #Middle1 ul {width: 100%;} #Middle1 li {text-align: center;} #Middle1 .M1_title {width: 100%; text-align: center; margin-top: 53px;} #Middle1 .M1_memo {width: 95%; text-align: center; padding-bottom: 59px; margin: 0 auto;} #Middle1 .M1_memo br {display: none;} #Middle1 .M1_btn {width: 100%; padding: 0 2.5%; height: 200px; margin: 0 auto;} #Middle1 .M1_btn li {float: left; width: 33.2%; height: 200px; margin-left: 0.1%; padding: 10px; background-image: url(../images/M1_img.jpg); background-repeat: no-repeat;} #Middle1 .M1_btn li dl {height: 180px; border: 1px #888c8e solid; text-align: right; color: #fff; padding: 5px;} #Middle1 .M1_btn .M1btn1 {background-position: 0% 50%;} #Middle1 .M1_btn .M1btn2 {background-position: 50% 50%;} #Middle1 .M1_btn .M1btn3 {background-position:100% 50%;} #Middle1 .M1_btn li dt {font-size: 18px; margin: 20px 0 10px; color: #eee; font-family: NanumSquare; text-align: center;} #Middle1 .M1_btn li dd {font-size: 11px; line-height: 160%; color: #ccc; text-align: center;} #Middle1 .M1_btn br {display: none;} #Middle2 {width: 100%; background-image: url(../images/M_gray1.gif); background-repeat: repeat-x; background-position: 50% 0%; background-size: 490px; margin-bottom: 70px;} #Middle2 .M2_title {width: 100%; text-align: center; padding-top: 93px;} #Middle2 .M2_memo {width: 100%; text-align: center; padding-bottom: 59px;} #Middle2 .M2_box {width: 95%; margin: 0 auto; background-color: #fff; border: 5px #213f9a solid; background-image: url(../images/M2_img.jpg); background-repeat: no-repeat; background-position: 0% 100%;} #Middle2 .M2_box dl {padding: 0 30px;} #Middle2 .M2_box dt {height: 300px; padding: 40px 0;} #Middle2 .M2_box ul {width: 100%; margin: 0 auto;} #Middle2 .M2_box ul li {text-align: center; float: left; font-size: 12px;} #Middle2 .M2_box .M2b_1 {width: 43%; margin: 0 3.5% 0; height: 186px; background-repeat: no-repeat; background-position: 50% 0%;} #Middle2 .M2_box .M2b_1-1 {background-image: url(../images/M2_con1.png);} #Middle2 .M2_box .M2b_1-2 {background-image: url(../images/M2_con2.png);} #Middle2 .M2_box .M2b_2 {width: 43%; border-top: 1px #000 solid; margin: 3px 3.5% 0; padding-top: 10px;} #Middle2 .M2_box br {display: none;} #Middle3 {width: 90%; height: 979px; background-image: url(../images/M3_img.jpg); background-position: 90% 500px; background-repeat: no-repeat;} #Middle3 .M3_txt {width: 100%; padding: 10px 10px 10px 0; background-image: url(../images/M3_bg.png); background-color: #fff;} #Middle3 .M3_txt .M3_dl {width: 100%; height: 760px; border-top: 1px #c2c5ca solid; border-right: 1px #c2c5ca solid; border-bottom: 1px #c2c5ca solid;} #Middle3 .M3_txt .M3t_title {color: #fff; padding: 46px 0 0; text-align: center;} #Middle3 .M3_txt .M3t_icon {} .Mt_memo {height: 200px; font-size: 12px; color: #fff; text-align: center; padding-left: 2%;} .Mt_memo li {float: left; width: 22%; margin-right: 4px; margin-bottom: 15px;} .Mt_memo li dt {height: 110px; line-height: 110px; margin-bottom: 5px; background-image: url(../images/M3_icon.png); background-repeat: no-repeat; background-repeat: no-repeat;} .Mt_memo li:first-child {margin-left: 8px;} #Middle3 .M3_txt .Mt_memo li .dt01 {background-position: 50% 0px;} #Middle3 .M3_txt .Mt_memo li .dt02 {background-position: 50% -130px;} #Middle3 .M3_txt .Mt_memo li .dt03 {background-position: 50% -260px;} #Middle3 .M3_txt .Mt_memo li .dt04 {background-position: 50% -390px;} #Middle3 .M3_txt .Mt_memo li .dt05 {background-position: 50% -520px;} #Middle3 .M3_txt .Mt_memo li .dt06 {background-position: 50% -650px;} #Middle3 .M3_txt .Mt_memo li .dt07 {background-position: 50% -780px;} #Middle3 .M3_txt .Mt_memo li .dt08 {background-position: 50% -910px;} #Middle3 .M3_txt .Mt_memo li .dt09 {background-position: 50% -1040px;} #Middle3 .M3_txt .Mt_memo li .dt10 {background-position: 50% -1170px;} #Middle3 .M3_txt .Mt_memo li .dt11 {background-position: 50% -1300px;} #Middle3 .M3_txt .Mt_memo li .dt12 {background-position: 50% -1430px;} #Middle3 .M3_txt .Mt_memo li .dt13 {background-position: 50% -1560px;} #Middle3 .M3_txt .Mt_memo li .dt14 {background-position: 50% -1690px;} #Middle3 .M3_txt .Mt_memo li .dt15 {background-position: 50% -1820px;} #Middle3 .M3_txt .Mt_memo li .dt16 {background-position: 50% -1950px;} #Middle4 .M4_txt .Mt_memo li .dt01 {background-position: 50% -2080px;} #Middle4 .M4_txt .Mt_memo li .dt02 {background-position: 50% -2210px;} #Middle4 .M4_txt .Mt_memo li .dt03 {background-position: 50% -2340px;} #Middle4 .M4_txt .Mt_memo li .dt04 {background-position: 50% -2470px;} #Middle4 .M4_txt .Mt_memo li .dt05 {background-position: 50% -2600px;} #Middle4 .M4_txt .Mt_memo li .dt06 {background-position: 50% -2730px;} #Middle4 .M4_txt .Mt_memo li .dt07 {background-position: 50% -2860px;} #Middle4 .M4_txt .Mt_memo li .dt08 {background-position: 50% -2990px;} #Middle4 .M4_txt .Mt_memo li .dt09 {background-position: 50% -3120px;} #Middle4 .M4_txt .Mt_memo li .dt10 {background-position: 50% -3250px;} #Middle4 .M4_txt .Mt_memo li .dt11 {background-position: 50% -3380px;} #Middle4 .M4_txt .Mt_memo li .dt12 {background-position: 50% -3510px;} #Middle4 .M4_txt .Mt_memo li .dt13 {background-position: 50% -3640px;} #Middle4 .M4_txt .Mt_memo li .dt14 {background-position: 50% -3760px;} #Middle4 .M4_txt .Mt_memo li .dt15 {background-position: 50% -3900px;} #Middle4 .M4_txt .Mt_memo li .dt16 {background-position: 50% -4030px;} #Middle4 {width: 98%; float: right; height: 778px; margin: -32px 0 32px; background-image: url(../images/M4_img.png); background-position: 100% 50%; background-repeat: no-repeat;background-size: cover;} #Middle4 .M4_txt {width: 95%; padding: 10px 0 10px 10px; background-image: url(../images/M4_bg.png);} #Middle4 .M4_txt .M4_dl {width: 100%; height: 760px; border-top: 1px #c2c5ca solid; border-left: 1px #c2c5ca solid; border-bottom: 1px #c2c5ca solid;} #Middle4 .M4_txt .M4t_title {color: #000; padding: 80px 0 0 22.5%;} #Middle4 .M4_txt .M4t_icon {padding-right: 33%;} #Middle5 {width: 100%; height: 1363px; clear: both;} #Middle5 .M5_title {text-align: center; padding-top: 75px; margin: 0 auto;} #Middle5 .M5_icon {} #Middle5 .M5_memo {width: 100%; background-image: url(../images/M5_img.jpg); background-position: 50% 0%; background-repeat: no-repeat;} #Middle5 .M5_memo .M5m_memo {width: 90%; background-image: url(../images/M5_img.jpg); background-position: 50% 0%; background-repeat: repeat-y; margin: 0 auto;} #Middle5 .M5_memo .M5m_memo li {border-style: solid; border-color: #a1a2a6; padding: 35px 25px;} #Middle5 .M5_memo .M5m_memo .M5m_1 {height: 100px; text-align: right; color: #fff; padding: 35px 0 10px; border: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_2 {width: 100%; background-image: url(../images/M5_bg1.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px;} #Middle5 .M5_memo .M5m_memo .M5m_3 {float: left; width: 50%; height: 210px; background-image: url(../images/M5_bg2.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_4 {float: left; width: 50%; height: 210px; background-image: url(../images/M5_bg3.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px; border-left-width: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_5 {clear: both; width: 100%; background-image: url(../images/M5_bg3.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_6 {float: left; width: 100%; background-image: url(../images/M5_bg1.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px;} #Middle5 .M5_memo .M5m_memo li dt {font-size: 19px; color: #213f9a; background-image: url(../images/M5_line.gif); background-position: 0% 100%; background-repeat: no-repeat; margin-bottom: 18px; padding-bottom: 18px;} #Middle5 .M5_memo .M5m_memo li dd {font-size: 12px; color: #414042; line-height: 160%;} #Middle5 .M5_memo .M5m_memo .M5m_5 dt {float: left; width: 40%;} #Middle5 .M5_memo .M5m_memo .M5m_5 dd {float: left; width: 30%;} #Middle5 .M5_memo .M5m_memo .M5m_5 .M55_{float: left; width: 100%; max-width: 400px; padding: 10px 0 0; text-align: center;} #Middle5 .M5_memo .M5m_memo .M5m_6 dd {text-align: center; padding: 15px 0; padding: 0 9%;} #Middle5 .M5_memo .M5m_memo img {width: 100%;} #Middle6 {width: 100%; position: relative; background-image: url(../images/M6_bg.gif); background-position: 50% 100%; background-repeat: repeat-x;} #Middle6 .M6_box {width: 95%; margin: 0 auto 0;} #Middle6 .M6_box .M6_table {width: 100%; float: left; margin-top: 20px;} #Middle6 .M6_box .M6_table p {text-align: right;} #Middle6 .M6_box .M6_table ul {border-top: 2px #213f9a solid;} #Middle6 .M6_box .M6_table li {float: left; border-bottom: 1px #dddddd solid; line-height: 50px; font-size: 13px;} #Middle6 .M6_box .M6_table .M6_t{width: 21%; padding: 0 0 0 0; font-size: 15px; color: #000; font-weight: bold;} #Middle6 .M6_box .M6_table .M6_a{width: 79%; padding: 0 0 0 0;} #Middle6 .M6_box .M6_table .M6_m{width: 70%; padding: 0 0 0 0;} #Middle6 .M6_box .M6_table .M6_b{width: 100%; background-color: #ddd; text-align: center; line-height: 160%; font-size: 14px; padding: 30px 10px; color: #4c4c4c;} #Middle6 .M6_box .M6_map {width: 100%; height: 230px; clear: both; border: 1px #d3d2d3 solid; background-image: url(../images/M6_img.jpg); background-position: 50% 50%; background-repeat: no-repeat;} #Bfoot {width: 100%; height: 100px; margin-top: 30px; background-color: #323232; color: #939393; font-size: 13px; padding: 40px 5% 0; text-align: center; line-height: 160%;} } /*///테블릿용 CSS///*/ @media all and (min-width:781px) and (max-width:1199px){ #Thead {width: 100%; height: 3.4em; padding: 0 4.5%; margin: 2.0em auto 0.8em;} #Thead ul {width: 100%;} #Thead li {float: left; height: 2.45em; line-height: 2.45em; font-family: NanumSquare; margin-top: 0.4em;} #Thead .Th_logo {width: 50%; height: 1.88em; line-height: 1.48em; float: left; text-align: left; font-size: 1.6em; font-weight: bold;} #Thead .Th_logo img {margin: -5px 0 0 0;} #Thead .Th_menuA {width: 50%; float: right; text-align: right; cursor: pointer;} #Thead .Th_menu {display: none;} #Thead .Th_btn {display: none;} #Main_img {width: 100%; height: 32em; margin: 0 auto; padding: 11em 0 0; background-image: url(../images/Main_img.jpg); background-repeat: repeat-x; background-position: 50% 50%;} #Main_img ul {width: 100%;} #Main_img li {width: 100%; text-align: center;} #Main_img .Mi_f {font-size: 3em; color: yellow; letter-spacing: 8px; font-weight: 600; text-shadow: 0 0 5px #000;} #Main_img .Mi_s {padding: 2em 0;} #Main_img .Mi_t {width: 90%; height: 1.7em; line-height: 1.7em; margin: 0 auto; background-image: url(../images/Mi_bg.png); color: #d1d3d4; font-size: 0.95em; letter-spacing: 0.2em;} #Middle1 {width: 100%; background-image: url(../images/M_gray1.gif); background-repeat: repeat-x; background-position: 50% 100%; background-size: 102px;} #Middle1 ul {width: 100%;} #Middle1 li {text-align: center;} #Middle1 .M1_title {width: 100%; text-align: center; margin-top: 93px;} #Middle1 .M1_memo {width: 100%; text-align: center; padding-bottom: 59px;} #Middle1 .M1_btn {width: 100%; padding: 0 2.5%; height: 200px; margin: 0 auto;} #Middle1 .M1_btn li {float: left; width: 33.2%; height: 200px; margin-left: 0.1%; padding: 10px; background-image: url(../images/M1_img.jpg); background-repeat: no-repeat;} #Middle1 .M1_btn li dl {height: 180px; border: 1px #888c8e solid; text-align: right; color: #fff; padding: 20px;} #Middle1 .M1_btn .M1btn1 {background-position: 0% 50%;} #Middle1 .M1_btn .M1btn2 {background-position: 50% 50%;} #Middle1 .M1_btn .M1btn3 {background-position:100% 50%;} #Middle1 .M1_btn li dt {font-size: 20px; margin: 40px 0 20px; color: #eee; font-family: NanumSquare;} #Middle1 .M1_btn li dd {font-size: 12px; line-height: 160%; color: #ccc;} #Middle1 .M1_btn br {display: none;} #Middle2 {width: 100%; background-image: url(../images/M_gray1.gif); background-repeat: repeat-x; background-position: 50% 0%; background-size: 490px; margin-bottom: 70px;} #Middle2 .M2_title {width: 100%; text-align: center; padding-top: 93px;} #Middle2 .M2_memo {width: 100%; text-align: center; padding-bottom: 59px;} #Middle2 .M2_box {width: 95%; margin: 0 auto; background-color: #fff; border: 5px #213f9a solid; background-image: url(../images/M2_img.jpg); background-repeat: no-repeat; background-position: 0% 100%;} #Middle2 .M2_box dl {padding: 0 30px;} #Middle2 .M2_box dt {height: 360px; padding: 80px 0;} #Middle2 .M2_box ul {width: 100%; margin: 0 auto;} #Middle2 .M2_box ul li {text-align: center; float: left; font-size: 12px;} #Middle2 .M2_box .M2b_1 {width: 43%; margin: 0 3.5% 0; height: 186px; background-repeat: no-repeat; background-position: 50% 0%;} #Middle2 .M2_box .M2b_1-1 {background-image: url(../images/M2_con1.png);} #Middle2 .M2_box .M2b_1-2 {background-image: url(../images/M2_con2.png);} #Middle2 .M2_box .M2b_2 {width: 43%; border-top: 1px #000 solid; margin: 3px 3.5% 0; padding-top: 10px;} #Middle2 .M2_box dd {} #Middle2 .M2_box br {display: none;} #Middle3 {width: 90%; height: 679px; background-image: url(../images/M3_img.jpg); background-position: 0% 400px; background-repeat: no-repeat; background-size: cover;} #Middle3 .M3_txt {width: 100%; padding: 10px 10px 10px 0; background-image: url(../images/M3_bg.png); background-color: #fff;} #Middle3 .M3_txt .M3_dl {width: 100%; height: 500px; border-top: 1px #c2c5ca solid; border-right: 1px #c2c5ca solid; border-bottom: 1px #c2c5ca solid;} #Middle3 .M3_txt .M3t_title {color: #fff; padding: 46px 0 0 32.5%;} #Middle3 .M3_txt .M3t_icon {padding-right: 10%;} .Mt_memo {height: 200px; font-size: 12px; color: #fff; text-align: center; padding-left: 2%;} .Mt_memo li {float: left; width: 11.7%; margin-right: 4px; margin-bottom: 15px;} .Mt_memo li dt {height: 110px; line-height: 110px; margin-bottom: 5px; background-image: url(../images/M3_icon.png); background-repeat: no-repeat; background-repeat: no-repeat;} .Mt_memo li:first-child {margin-left: 8px;} .M4_txt .Mt_memo dd {color: #333;} #Middle3 .M3_txt .Mt_memo li .dt01 {background-position: 50% 0px;} #Middle3 .M3_txt .Mt_memo li .dt02 {background-position: 50% -130px;} #Middle3 .M3_txt .Mt_memo li .dt03 {background-position: 50% -260px;} #Middle3 .M3_txt .Mt_memo li .dt04 {background-position: 50% -390px;} #Middle3 .M3_txt .Mt_memo li .dt05 {background-position: 50% -520px;} #Middle3 .M3_txt .Mt_memo li .dt06 {background-position: 50% -650px;} #Middle3 .M3_txt .Mt_memo li .dt07 {background-position: 50% -780px;} #Middle3 .M3_txt .Mt_memo li .dt08 {background-position: 50% -910px;} #Middle3 .M3_txt .Mt_memo li .dt09 {background-position: 50% -1040px;} #Middle3 .M3_txt .Mt_memo li .dt10 {background-position: 50% -1170px;} #Middle3 .M3_txt .Mt_memo li .dt11 {background-position: 50% -1300px;} #Middle3 .M3_txt .Mt_memo li .dt12 {background-position: 50% -1430px;} #Middle3 .M3_txt .Mt_memo li .dt13 {background-position: 50% -1560px;} #Middle3 .M3_txt .Mt_memo li .dt14 {background-position: 50% -1690px;} #Middle3 .M3_txt .Mt_memo li .dt15 {background-position: 50% -1820px;} #Middle3 .M3_txt .Mt_memo li .dt16 {background-position: 50% -1950px;} #Middle4 .M4_txt .Mt_memo li .dt01 {background-position: 50% -2080px;} #Middle4 .M4_txt .Mt_memo li .dt02 {background-position: 50% -2210px;} #Middle4 .M4_txt .Mt_memo li .dt03 {background-position: 50% -2340px;} #Middle4 .M4_txt .Mt_memo li .dt04 {background-position: 50% -2470px;} #Middle4 .M4_txt .Mt_memo li .dt05 {background-position: 50% -2600px;} #Middle4 .M4_txt .Mt_memo li .dt06 {background-position: 50% -2730px;} #Middle4 .M4_txt .Mt_memo li .dt07 {background-position: 50% -2860px;} #Middle4 .M4_txt .Mt_memo li .dt08 {background-position: 50% -2990px;} #Middle4 .M4_txt .Mt_memo li .dt09 {background-position: 50% -3120px;} #Middle4 .M4_txt .Mt_memo li .dt10 {background-position: 50% -3250px;} #Middle4 .M4_txt .Mt_memo li .dt11 {background-position: 50% -3380px;} #Middle4 .M4_txt .Mt_memo li .dt12 {background-position: 50% -3510px;} #Middle4 .M4_txt .Mt_memo li .dt13 {background-position: 50% -3640px;} #Middle4 .M4_txt .Mt_memo li .dt14 {background-position: 50% -3760px;} #Middle4 .M4_txt .Mt_memo li .dt15 {background-position: 50% -3900px;} #Middle4 .M4_txt .Mt_memo li .dt16 {background-position: 50% -4030px;} #Middle4 {width: 98%; float: right; height: 588px; margin: -32px 0 32px; background-image: url(../images/M4_img.png); background-position: 100% 50%; background-repeat: no-repeat;} #Middle4 .M4_txt {width: 95%; padding: 10px 0 10px 10px; background-image: url(../images/M4_bg.png);} #Middle4 .M4_txt .M4_dl {width: 100%; height: 568px; border-top: 1px #c2c5ca solid; border-left: 1px #c2c5ca solid; border-bottom: 1px #c2c5ca solid;} #Middle4 .M4_txt .M4t_title {color: #000; padding: 80px 0 0 22.5%;} #Middle4 .M4_txt .M4t_icon {padding-right: 33%;} #Middle5 {width: 100%;} #Middle5 .M5_title {text-align: center; padding-top: 125px; width: 50%; margin: 0 auto;} #Middle5 .M5_icon {} #Middle5 .M5_memo {width: 100%; height: 560px; background-image: url(../images/M5_img.jpg); background-position: 50% 0%; background-repeat: no-repeat;} #Middle5 .M5_memo .M5m_memo {width: 90%; height: 630px; background-image: url(../images/M5_img.jpg); background-position: 50% 0%; background-repeat: no-repeat; margin: 0 auto;} #Middle5 .M5_memo .M5m_memo li {border-style: solid; border-color: #a1a2a6; padding: 35px 25px;} #Middle5 .M5_memo .M5m_memo .M5m_1 {height: 100px; text-align: right; color: #fff; padding: 35px 0 10px; border: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_2 {float: left; width: 45%; height: 230px; background-image: url(../images/M5_bg1.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px;} #Middle5 .M5_memo .M5m_memo .M5m_3 {float: left; width: 25%; height: 230px; background-image: url(../images/M5_bg2.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-left-width: 0px; border-right-width: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_4 {float: left; width: 30%; height: 230px; background-image: url(../images/M5_bg3.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px;} #Middle5 .M5_memo .M5m_memo .M5m_5 {float: left; width: 50%; height: 300px; background-image: url(../images/M5_bg3.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_6 {float: left; width: 50%; height: 300px; background-image: url(../images/M5_bg1.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px; border-left-width: 0px;} #Middle5 .M5_memo .M5m_memo li dt {font-size: 19px; color: #213f9a; background-image: url(../images/M5_line.gif); background-position: 0% 100%; background-repeat: no-repeat; margin-bottom: 18px; padding-bottom: 18px;} #Middle5 .M5_memo .M5m_memo li dd {font-size: 12px; color: #414042; line-height: 160%;} #Middle5 .M5_memo .M5m_memo .M5m_5 dt {float: left; width: 40%;} #Middle5 .M5_memo .M5m_memo .M5m_5 dd {float: left; width: 30%;} #Middle5 .M5_memo .M5m_memo .M5m_5 .M55_{float: left; width: 85%; padding: 10px 8% 0; text-align: right;} #Middle5 .M5_memo .M5m_memo .M5m_6 dd {text-align: center; padding: 15px 0; padding: 0 9%;} #Middle5 .M5_memo .M5m_memo img {width: 100%;} #Middle6 {width: 100%; height: 508px; position: relative; background-image: url(../images/M6_bg.gif); background-position: 50% 100%; background-repeat: repeat-x;} #Middle6 .M6_box {width: 95%; margin: 125px auto 0;} #Middle6 .M6_box .M6_table {width: 59%; float: left; margin-top: 20px;} #Middle6 .M6_box .M6_table p {text-align: right;} #Middle6 .M6_box .M6_table ul {border-top: 2px #213f9a solid;} #Middle6 .M6_box .M6_table li {float: left; height: 70px; border-bottom: 1px #dddddd solid; line-height: 70px;} #Middle6 .M6_box .M6_table .M6_t{width: 22%; padding: 0 0 0 0; font-size: 20px; color: #000;} #Middle6 .M6_box .M6_table .M6_a{width: 77%; padding: 0 0 0 0;} #Middle6 .M6_box .M6_table .M6_m{width: 77%; padding: 0 0 0 0;} #Middle6 .M6_box .M6_table .M6_b{width: 100%; height: 140px; background-color: #ddd; text-align: center; line-height: 160%; font-size: 14px; padding: 45px 0; color: #4c4c4c;} #Middle6 .M6_box .M6_map {width: 38%; height: 530px; float: right; border: 1px #d3d2d3 solid; background-image: url(../images/M6_img.jpg); background-position: 50% 50%; background-repeat: no-repeat;} #Bfoot {width: 100%; height: 100px; margin-top: -80px; background-color: #323232; color: #939393; font-size: 13px; padding: 150px 0 0 0; text-align: center; line-height: 160%;} } /*///PC용 CSS///*/ @media all and (min-width:1200px){ #WRAP {} #Thead {width: 100%; height: 3.4em; max-width: 1900px; padding: 0 4.5%; margin: 2.0em auto 0.8em;} #Thead ul {width: 100%;} #Thead li {float: left; height: 2.45em; line-height: 2.45em; text-align: center; font-family: NanumSquare; margin-top: 0.4em;} #Thead .Th_logo {width: 19.2%; height: 1.88em; line-height: 1.48em; float: left; text-align: left; font-size: 1.6em; font-weight: bold;} #Thead .Th_logo img {margin: -5px 0 0 0; max-width: 100%; width: auto !important;} #Thead .Th_menu {width: 11.53%; float: left; letter-spacing: 0.3em; font-size: 0.95em; background-image: url(../images/Th_menu_bar.gif); background-repeat: no-repeat; background-position: 0% 50%; cursor: pointer;} #Thead .Th_btn {width: 10%; float: right; background-color: #ffdd00; color: #fff; font-size: 0.95em; cursor: pointer;} #Thead .Th_menuA {display: none;} #Main_img {width: 91%; height: 32em; max-width: 1900px; margin: 0 auto; padding: 11em 0 0; background-image: url(../images/Main_img.jpg); background-repeat: repeat-x; background-position: 50% 50%;} #Main_img ul {width: 100%;} #Main_img li {width: 100%; text-align: center;} #Main_img .Mi_f {font-size: 3em; color: yellow; letter-spacing: 10px; font-weight: 600; text-shadow: 0 0 5px #000;} #Main_img .Mi_s {padding: 2em 0;} #Main_img .Mi_t {width: 60em; height: 1.7em; line-height: 1.7em; margin: 0 auto; background-image: url(../images/Mi_bg.png); color: #d1d3d4; font-size: 0.95em; letter-spacing: 0.4em; text-shadow: 0 0 5px #000;} #Middle1 {width: 100%; background-image: url(../images/M_gray1.gif); background-repeat: repeat-x; background-position: 50% 100%; background-size: 102px;} #Middle1 ul {width: 100%;} #Middle1 li {text-align: center;} #Middle1 .M1_title {width: 100%; text-align: center; margin-top: 93px;} #Middle1 .M1_memo {width: 100%; text-align: center; padding-bottom: 59px;} #Middle1 .M1_memo p {font-size: 1.3em;} #Middle1 .M1_btn {width: 100%; padding: 0 4.5%; max-width: 1650px; height: 200px; margin: 0 auto;} #Middle1 .M1_btn li {float: left; width: 33.2%; height: 200px; margin-left: 0.1%; padding: 10px; background-image: url(../images/M1_img.jpg); background-repeat: no-repeat;} #Middle1 .M1_btn li dl {height: 180px; border: 1px #888c8e solid; text-align: right; color: #fff; padding: 20px;} #Middle1 .M1_btn .M1btn1 {background-position: 0% 50%;} #Middle1 .M1_btn .M1btn2 {background-position: 50% 50%;} #Middle1 .M1_btn .M1btn3 {background-position:100% 50%;} #Middle1 .M1_btn li dt {font-size: 20px; margin: 40px 0 20px; color: #eee; font-family: NanumSquare;} #Middle1 .M1_btn li dd {font-size: 12px; line-height: 180%; color: #ccc;} #Middle2 {width: 100%; height: 688px; background-image: url(../images/M_gray1.gif); background-repeat: repeat-x; background-position: 50% 0%; background-size: 490px;} #Middle2 .M2_title {width: 100%; text-align: center; padding-top: 93px;} #Middle2 .M2_memo {width: 100%; text-align: center; padding-bottom: 59px;} #Middle2 .M2_box {width: 91%; height: 370px; max-width: 1900px; margin: 0 auto; background-color: #fff; border: 5px #213f9a solid; background-image: url(../images/M2_img.jpg); background-repeat: no-repeat; background-position: 0% 50%;} #Middle2 .M2_box dt {float: left; width: 30%; height: 360px; padding: 80px 0; margin-left: 5%;} #Middle2 .M2_box ul {width: 100%; margin: 0 auto;} #Middle2 .M2_box ul li {text-align: center; float: left; font-size: 12px;} #Middle2 .M2_box .M2b_1 {width: 80%; margin: 0 3.5% 0; height: 186px; background-repeat: no-repeat; background-position: 50% 0%;} #Middle2 .M2_box .M2b_1-1 {background-image: url(../images/M2_con1.png);} #Middle2 .M2_box dd {float: left; width: 60%; padding: 100px 0;} #Middle3 {width: 80%; height: 629px; background-color: red; background-image: url(../images/M3_img.jpg); background-position: 0% 50%; background-repeat: no-repeat;} #Middle3 .M3_txt {float: right; width: 80%; min-width: 874px; padding: 10px 10px 10px 0; background-image: url(../images/M3_bg.png); background-color: #fff;} #Middle3 .M3_txt .M3_dl {width: 100%; height: 609px; border-top: 1px #c2c5ca solid; border-right: 1px #c2c5ca solid; border-bottom: 1px #c2c5ca solid;} #Middle3 .M3_txt .M3t_title {color: #fff; padding: 46px 0 0 19.5%;} #Middle3 .M3_txt .M3t_icon {padding-right: 40%;} .Mt_memo {height: 200px; font-size: 12px; color: #fff; text-align: center; padding-left: 2%;} .Mt_memo li {float: left; width: 11.7%; margin-right: 4px; margin-bottom: 15px;} .Mt_memo li dt {height: 130px; line-height: 130px; margin-bottom: 5px; background-image: url(../images/M3_icon.png); background-repeat: no-repeat; background-repeat: no-repeat; font-size: 0.8em;} .Mt_memo li dd {font-size: 0.6em;} .Mt_memo li:first-child {margin-left: 8px;} .M4_txt .Mt_memo dd {color: #333;} #Middle3 .M3_txt .Mt_memo li .dt01 {background-position: 50% 0px;} #Middle3 .M3_txt .Mt_memo li .dt02 {background-position: 50% -130px;} #Middle3 .M3_txt .Mt_memo li .dt03 {background-position: 50% -260px;} #Middle3 .M3_txt .Mt_memo li .dt04 {background-position: 50% -390px;} #Middle3 .M3_txt .Mt_memo li .dt05 {background-position: 50% -520px;} #Middle3 .M3_txt .Mt_memo li .dt06 {background-position: 50% -650px;} #Middle3 .M3_txt .Mt_memo li .dt07 {background-position: 50% -780px;} #Middle3 .M3_txt .Mt_memo li .dt08 {background-position: 50% -910px;} #Middle3 .M3_txt .Mt_memo li .dt09 {background-position: 50% -1040px;} #Middle3 .M3_txt .Mt_memo li .dt10 {background-position: 50% -1170px;} #Middle3 .M3_txt .Mt_memo li .dt11 {background-position: 50% -1300px;} #Middle3 .M3_txt .Mt_memo li .dt12 {background-position: 50% -1430px;} #Middle3 .M3_txt .Mt_memo li .dt13 {background-position: 50% -1560px;} #Middle3 .M3_txt .Mt_memo li .dt14 {background-position: 50% -1690px;} #Middle3 .M3_txt .Mt_memo li .dt15 {background-position: 50% -1820px;} #Middle3 .M3_txt .Mt_memo li .dt16 {background-position: 50% -1950px;} #Middle3 .M3_txt .Mt_memo li .dt011 {background-position: 50% -2080px;} #Middle3 .M3_txt .Mt_memo li .dt021 {background-position: 50% -2210px;} #Middle3 .M3_txt .Mt_memo li .dt031 {background-position: 50% -2340px;} #Middle3 .M3_txt .Mt_memo li .dt041 {background-position: 50% -2470px;} #Middle3 .M3_txt .Mt_memo li .dt051 {background-position: 50% -2600px;} #Middle3 .M3_txt .Mt_memo li .dt061 {background-position: 50% -2730px;} #Middle3 .M3_txt .Mt_memo li .dt071 {background-position: 50% -2860px;} #Middle3 .M3_txt .Mt_memo li .dt081 {background-position: 50% -2990px;} #Middle3 .M3_txt .Mt_memo li .dt091 {background-position: 50% -3120px;} #Middle3 .M3_txt .Mt_memo li .dt101 {background-position: 50% -3250px;} #Middle3 .M3_txt .Mt_memo li .dt111 {background-position: 50% -3380px;} #Middle3 .M3_txt .Mt_memo li .dt121 {background-position: 50% -3510px;} #Middle3 .M3_txt .Mt_memo li .dt131 {background-position: 50% -3640px;} #Middle3 .M3_txt .Mt_memo li .dt141 {background-position: 50% -3760px;} #Middle3 .M3_txt .Mt_memo li .dt151 {background-position: 50% -3900px;} #Middle3 .M3_txt .Mt_memo li .dt161 {background-position: 50% -4030px;} #Middle4 .M4_txt .Mt_memo li .dt01 {background-position: 50% -2080px;} #Middle4 .M4_txt .Mt_memo li .dt02 {background-position: 50% -2210px;} #Middle4 .M4_txt .Mt_memo li .dt03 {background-position: 50% -2340px;} #Middle4 .M4_txt .Mt_memo li .dt04 {background-position: 50% -2470px;} #Middle4 .M4_txt .Mt_memo li .dt05 {background-position: 50% -2600px;} #Middle4 .M4_txt .Mt_memo li .dt06 {background-position: 50% -2730px;} #Middle4 .M4_txt .Mt_memo li .dt07 {background-position: 50% -2860px;} #Middle4 .M4_txt .Mt_memo li .dt08 {background-position: 50% -2990px;} #Middle4 .M4_txt .Mt_memo li .dt09 {background-position: 50% -3120px;} #Middle4 .M4_txt .Mt_memo li .dt10 {background-position: 50% -3250px;} #Middle4 .M4_txt .Mt_memo li .dt11 {background-position: 50% -3380px;} #Middle4 .M4_txt .Mt_memo li .dt12 {background-position: 50% -3510px;} #Middle4 .M4_txt .Mt_memo li .dt13 {background-position: 50% -3640px;} #Middle4 .M4_txt .Mt_memo li .dt14 {background-position: 50% -3760px;} #Middle4 .M4_txt .Mt_memo li .dt15 {background-position: 50% -3900px;} #Middle4 .M4_txt .Mt_memo li .dt16 {background-position: 50% -4030px;} #Middle4 {width: 77.5%; float: right; height: 588px; margin: -32px 0 32px; background-image: url(../images/M4_img.png); background-position: 100% 50%; background-repeat: no-repeat;} #Middle4 .M4_txt {width: 75%; min-width: 874px; padding: 10px 0 10px 10px; background-image: url(../images/M4_bg.png);} #Middle4 .M4_txt .M4_dl {width: 100%; height: 568px; border-top: 1px #c2c5ca solid; border-left: 1px #c2c5ca solid; border-bottom: 1px #c2c5ca solid;} #Middle4 .M4_txt .M4t_title {color: #000; padding: 80px 0 0 22.5%;} #Middle4 .M4_txt .M4t_icon {padding-right: 33%;} #Middle5 {width: 100%; height: 863px; clear: both;} #Middle5 .M5_title {text-align: center; padding-top: 125px; width: 50%; margin: 0 auto;} #Middle5 .M5_icon {} #Middle5 .M5_memo {width: 100%; height: 560px; background-image: url(../images/M5_img.jpg); background-position: 50% 0%; background-repeat: no-repeat;} #Middle5 .M5_memo .M5m_memo {width: 90%; height: 630px; background-image: url(../images/M5_img.jpg); background-position: 50% 0%; background-repeat: no-repeat; margin: 0 auto;} #Middle5 .M5_memo .M5m_memo li {border-style: solid; border-color: #a1a2a6; padding: 45px 35px;} #Middle5 .M5_memo .M5m_memo .M5m_1 {height: 100px; text-align: right; color: #fff; padding: 60px 0 10px; border: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_2 {float: left; width: 35%; height: 210px; background-image: url(../images/M5_bg1.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px;} #Middle5 .M5_memo .M5m_memo .M5m_3 {float: left; width: 35%; height: 210px; background-image: url(../images/M5_bg2.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-left-width: 0px; border-right-width: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_4 {float: left; width: 30%; height: 210px; background-image: url(../images/M5_bg3.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px;} #Middle5 .M5_memo .M5m_memo .M5m_5 {float: left; width: 60%; height: 320px; background-image: url(../images/M5_bg3.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px;} #Middle5 .M5_memo .M5m_memo .M5m_6 {float: left; width: 40%; height: 320px; background-image: url(../images/M5_bg1.png); background-position: 0% 0%; background-repeat: repeat; border-width: 1px; border-top-width: 0px; border-left-width: 0px;} #Middle5 .M5_memo .M5m_memo li dt {font-size: 20px; color: #213f9a; background-image: url(../images/M5_line.gif); background-position: 0% 100%; background-repeat: no-repeat; margin-bottom: 18px; padding-bottom: 18px;} #Middle5 .M5_memo .M5m_memo li dd {font-size: 13px; color: #414042; line-height: 160%;} #Middle5 .M5_memo .M5m_memo .M5m_5 dt {} #Middle5 .M5_memo .M5m_memo .M5m_5 dd {float: left; width: 15%;} #Middle5 .M5_memo .M5m_memo .M5m_5 .M55_{float: left; width: 70%; margin-top: -50px; padding: 0 8%; text-align: center;} #Middle5 .M5_memo .M5m_memo .M5m_6 dd {text-align: center; padding: 15px 0; padding: 0 9%;} #Middle5 .M5_memo .M5m_memo img {max-width: 100%; width: auto !important;} #Middle6 {width: 100%; height: 308px; position: relative; background-image: url(../images/M6_bg.gif); background-position: 50% 0%; background-repeat: repeat-x;} #Middle6 .M6_box {width: 83%; min-width: 1080px; margin: 125px auto 0;} #Middle6 .M6_box .M6_table {width: 59%; float: left; margin-top: 20px;} #Middle6 .M6_box .M6_table p {text-align: right;} #Middle6 .M6_box .M6_table ul {border-top: 2px #213f9a solid;} #Middle6 .M6_box .M6_table li {float: left; height: 73px; border-bottom: 1px #dddddd solid; line-height: 73px;} #Middle6 .M6_box .M6_table .M6_t{padding: 0 0 0 3%; font-size: 20px; color: #000;} #Middle6 .M6_box .M6_table .M6_a{width: 85%; padding: 0 3% 0 3%;} #Middle6 .M6_box .M6_table .M6_m{padding: 0 0 0 3%;} #Middle6 .M6_box .M6_table .M6_b{width: 100%; height: 140px; background-color: #ddd; text-align: center; line-height: 160%; font-size: 14px; padding: 45px 0; color: #4c4c4c;} #Middle6 .M6_box .M6_map {width: 38%; height: 530px; float: right; border: 1px #d3d2d3 solid; background-image: url(../images/M6_img.jpg); background-position: 50% 50%; background-repeat: no-repeat;} #Bfoot {width: 100%; height: 100px; margin-top: -80px; background-color: #323232; color: #939393; font-size: 13px; padding: 50px 30% 0 0; text-align: center; line-height: 160%;} }